/* 1. Added Styling needed for layouts (not present in main.css) */
/* 2. Always stretch the img to fill its container entirely */

svg {
    fill: #859886;
}

svg:hover {
    fill: white;
}

.footer__icon-link {
    height: 35px;
    width: 35px;
    padding: 8px;
}

.footer__icon-link:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 3px;
}

.footer__icon-link svg {
    height: 18px;
    width: 18px;
}

/* 1. Added Styling needed for layouts (not present in main.css) */

/* .l-Flex {
    margin-bottom: 15px;
    padding: 0 40px;
} */

.vertically-centered-content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* @media (min-width: 1200px) {
    .l-Flex {
        padding: 0 50px;
    }
} */

/* 2. Always stretch the img to fill its container entirely */

.image-element-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    /* Because BSI Editor uses other values for these containers */
    overflow: hidden !important;
}

.image-element-container > img {
    min-height: 100%;
    min-width: 100%;
    /* becuase main.css sets it to 100% */
    width: unset;
    object-fit: cover;
}