.footer-bg {
    background-image: url("/assets/images/riviera-maya-ocean-shuttle.webp");
    background-repeat: no-repeat;
    background-size: cover;

    text-wrap: balance;
}

.footer-social-icons-wrapper {
    justify-items: var(--justify-content, center);
    display: inline-block;
    width: 100%;
    word-spacing: var(--grid-column-gap);
    margin-bottom: calc(-1 * var(--grid-row-gap));

    --grid-template-columns: repeat(0, auto);
    --icon-size: 17px;
    --grid-column-gap: 26px;
    --grid-row-gap: 0px;
}

.social-grid-item {
    display: inline-block;
    margin-bottom: var(--grid-row-gap);
    word-break: break-word;
    min-width: 0;
}

.social-ref-wrap {
    background-color: var(--e-global-color-a7ca53d);
    border-radius: 50%;
    font-size: var(--icon-size, 25px);
    line-height: var(--icon-size, 25px);
    width: calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em));
    height: calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em));
    box-shadow: none;
    text-decoration: none;
    --e-social-icon-icon-color: #fff;
    display: inline-flex;
    background-color: #69727d;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    background-color: var(--e-global-color-a7ca53d);

    --grid-template-columns: repeat(0, auto);
    --icon-size: 17px;
    --grid-column-gap: 26px;
    --grid-row-gap: 0px;
}

.footer-social-icons-wrapper .social-ref-wrap:last-child {
    margin: 0;
}

.social-screen-only {
    position: absolute;
    top: -10000em;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.social-ref-wrap svg {
    fill: var(--e-global-color-731cdb5);
    width: 1em;
    height: 1em;
    position: relative;
    display: block;
}

.footer-content {

    font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    --container-widget-flex-grow: 0;
}

.footer-contact {
    width: 100% !important;
    max-width: 100% !important;
    --container-widget-width: 100% !important;
    --container-widget-flex-grow: 0;

    --e-icon-list-icon-size: 19px;
    --icon-vertical-offset: 0px;
}

.footer-actions {
    font-family: "Poppins", Sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.footer-svg {
    fill: var(--e-global-color-b838511);
    transition: fill 0.3s;
    width: var(--e-icon-list-icon-size, 1em);
    height: var(--e-icon-list-icon-size, 1em);
}