/* Sekcja: institution - pełny CSS sekcji (zapis zagnieżdżony). */

.institution {
    margin-bottom: 3vw;

    &.reverse {
        .wrapper {
            flex-direction: row-reverse;
        }
    }

    .text {
        display: flex;
        align-items: center;
    }

    .text-inner {
        padding: 3vw 0;

        h3 {
            color: var(--element1-title);

            span {
                color: var(--element1-highlighted-title);
            }
        }

        p {
            color: var(--element1-text);
        }

        a {
            color: var(--element1-link);

            &:hover {
                color: var(--element1-link-hover);
            }
        }
    }

    .google-maps {
        width: 100%;

        iframe {
            width: 100%;
            height: 100%;
            min-height: 200px;
        }
    }

    h2 {
        margin-top: 0;
    }
}