/* SPONSOR

01	GENERAL
02	IMAGES
03	TEXT

*/

/* -----------------------------------------------------------------------
	01	GENERAL
/* ---------------------------------------------------------------------*/

.wfbb_sponsor .paragraph {
    border: 2px solid var(--color-grey-light);
    border-width: 2px 0;
    padding: var(--section-gap) var(--section-inner-side-padding);
    display: grid;
    grid-gap: var(--grid-gap);
    grid-template-columns: var(--grid-columns);
    align-items: center;
}

.node--type-wfbb-events .paragraph--type--wfbb-sponsor {
    display: grid;
    grid-template-columns: repeat(8,1fr);
    grid-column-gap: var(--grid-gap);
    align-content: center;
    margin-bottom: calc(var(--grid-gap) * 2 );
}

.node--type-wfbb-events .paragraph--type--wfbb-sponsor .group-logos-wfbb-sponsor {
    grid-column: span 2;
}

.node--type-wfbb-events .paragraph--type--wfbb-sponsor .field--name-field-text-wfbb-sponsor {
    grid-column: span 6;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* -----------------------------------------------------------------------
	02	IMAGES
/* ---------------------------------------------------------------------*/

.group-logos-wfbb-sponsor {
    grid-column: 2 / 5;
    display: flex;
}

.group-logos-wfbb-sponsor > div {
    padding-right: 2rem;
    flex-basis: fit-content;
}

.group-logos-wfbb-sponsor img {
    width: 100%;
    height: auto;
    max-height: 7rem;
}

.group-logos-wfbb-sponsor .field--name-field-caption-image {
    display: none;
}

.paragraph--type--wfbb-sponsor.only-images .group-logos-wfbb-sponsor {
    grid-column: 5 / 9;
}

.node--type-wfbb-events .paragraph--type--wfbb-sponsor.only-images .group-logos-wfbb-sponsor,
.node--type-news-wfbb .paragraph--type--wfbb-sponsor.only-images .group-logos-wfbb-sponsor {
    grid-column: 1 / 9;
}

.node--type-wfbb-events .paragraph--type--wfbb-sponsor.only-images .group-logos-wfbb-sponsor img,
.node--type-news-wfbb .paragraph--type--wfbb-sponsor.only-images .group-logos-wfbb-sponsor img {
    max-width: 13rem;
    height: auto;
}


@media (max-width: 1400px) {

    .group-logos-wfbb-sponsor {
        grid-column: 1 / 5;
    }

}

@media (max-width: 991px) {

    .group-logos-wfbb-sponsor {
        grid-column: 3 / 11;
    }

    .field--name-field-text-wfbb-sponsor:before {
        display: none;
    }

}

@media (max-width: 767px) {

    .wfbb_sponsor .paragraph {
        padding: var(--section-gap) 0;
    }

}

/* -----------------------------------------------------------------------
	03  TEXT
/* ---------------------------------------------------------------------*/

.field--name-field-text-wfbb-sponsor {
    grid-column: 5 / 12;
    position: relative;
}

.field--name-field-text-wfbb-sponsor:before {
    display: block;
    content: '';
    height: 100%;
    width: 2px;
    position: absolute;
    left: -1.5rem;
    background: var(--color-grey-light);
}

@media (max-width: 1400px) {

    .field--name-field-text-wfbb-sponsor {
        grid-column: 5 / 13;
    }

}

@media (max-width: 991px) {

    .field--name-field-text-wfbb-sponsor {
        grid-column: 1 / 13;
    }

    .field--name-field-text-wfbb-sponsor:before {
        display: none;
    }
}


@media (max-width: 767px) {

    .group-logos-wfbb-sponsor > div {
        padding: 0 0 2rem;
    }

    .group-logos-wfbb-sponsor > div:last-child {
        padding-bottom: 0;
    }

    .group-logos-wfbb-sponsor {
        flex-direction: column;
    }

}


/* -----------------------------------------------------------------------
	TEMP - SPONSOR BANNER IMG SIZE
/* ---------------------------------------------------------------------*/

.group-logos-wfbb-sponsor img[src*='Partnerlogo_CV_WFBB_Suedafrika.png'],
.group-logos-wfbb-sponsor img[src*='termin-MinGenTec-sponsorlogos-web.jpg'] {
    max-width: unset !important;
}