footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 30px;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #F2F2F2 !important;
    color: #3a3a3a;
    line-height: 1.5;
    font-weight: 200;
}

@media screen and (max-width: 991px) {
    footer .umb-bottom-footer {
        flex-flow: column wrap;
        align-items: flex-start !important;
    }
}

footer .umb-footer-headline, .umb-link-with-headline > h4 {
    color: #2a303e;
}
/* iPhone + iPad START*/
/* iPad in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
}

/* iPhone X in portrait & landscape */
@media only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-device-pixel-ratio : 3) {

}

/* iPhone + iPad END*/

.umb-footer div {
    font-size: 18px !important;
}

footer .umb-footer-logo {
    color: #777;
    font-size: 25px !important;
    line-height: 1.2;
    font-weight: 400;
}

footer .umb-footer-grid {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-areas: "c1 c2 c3 c4" "bottom-footer bottom-footer bottom-footer bottom-footer";
    -ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto 40px auto;
    grid-template-rows: auto auto;
}

footer .umb-bottom-footer {
    grid-area: bottom-footer;
}

footer .umb-flex-1241.border {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

footer .umb-flex-1241 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

footer .umb-footer-social-icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 120px;
    margin-top: 5px;
    margin-bottom: 5px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

footer .umb-footer-link-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    background-color: transparent;
    -webkit-transition: all 200ms cubic-bezier(.19, 1, .22, 1);
    transition: all 200ms cubic-bezier(.19, 1, .22, 1);
    color: #777;
    text-decoration: none;
}

footer .umb-footer-icon-svg.svg-small {
    width: 18px;
    height: 18px;
}

footer .umb-footer-icon-svg {
    display: block;
    width: 25px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    line-height: 0;
}

footer .umb-footer-5-margin-horizontal {
    margin-right: 5px;
    margin-left: 5px;
}

footer .umb-footer-5-margin-right {
    margin-right: 5px;
}

/* remove this */
footer .umb-footer-10-margin-right {
    margin-right: 5px;
    margin-left: 5px;
}

footer .umb-footer-social-link-container a:first-child .umb-footer-icon-svg {
    margin-left: 0px !important;
}

footer .umb-text-color-quiet {
    color: #5A5A5A;
}

footer .umb-footer-link-block {
    display: block;
    margin-top: -10px;
    margin-right: -10px;
    margin-left: -10px;
    padding: 15px;
    border-radius: 3px;
    -webkit-transition: all 500ms cubic-bezier(.19, 1, .22, 1);
    transition: all 500ms cubic-bezier(.19, 1, .22, 1);
    color: #2a303e;
    text-decoration: none;
}

footer .umb-container-large {
    position: relative;
    display: block;
    width: 100%;
    max-width: 1360px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

footer .umb-footer-privacy {
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px none rgba(0, 0, 0, 0.05);
    color: #aaa;
    font-size: 0.75rem !important;
}

footer .umb-footer-privacy > a {
    font-size: 0.75rem !important;
    color: #aaa !important;
}

footer .umb-tertiary-link.umb-text-color-inactive {
    color: #aaa;
}

footer .umb-tertiary-link {
    color: #777;
    text-decoration: underline;
}

footer .umb-grid-area-c1 {
    grid-area: c1;
}

footer .umb-grid-area-c2 {
    grid-area: c2;
}

footer .umb-grid-area-c3 {
    grid-area: c3;
}

footer .umb-grid-area-c4 {
    grid-area: c4;
}

footer h4 {
    margin-top: 0em;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 700 !important;
    text-decoration: none;
}

footer .umb-footer-link-icon.umb-footer-social-link:hover {
    opacity: 0.8;
}

footer .umb-footer-link-icon.umb-w-inline-block:hover {
    opacity: 0.8; 
}

footer > div > div:nth-child(3) {
    padding: 0;
    border-top: none;
}

footer .umb-footer-link-block:hover {
    background-color: #ffffff;
}

footer .umb-footer-link-block:hover > h4{
    color: #000000 !important;
}

footer .umb-link-with-headline:hover > h4 {
    color: #3a3a3a;
}

footer .umb-link-with-headline:hover > .umb-text-color-quiet {
    color: #000000 !important;
}

@media screen and (max-width: 991px) {
    footer .umb-footer-grid {
        grid-template-areas: "c1 c1 c1 c1" "c2 c2 c2 c2" "c3 c3 c3 c3" "c4 c4 c4 c4" "bottom-footer bottom-footer bottom-footer bottom-footer";
        -ms-grid-rows: auto auto auto auto auto;
        grid-template-rows: auto auto auto auto auto;
    }
}

footer .umb-footer-logo img {
    max-height: 60px;
    max-width: 200px;
}

footer .umb-ws-10 {
    height: 0.625rem;
}

footer .umb-ws-20 {
    height: 1.25rem;
}

footer .umb-ws-35 {
    height: 2.1875rem;
}

footer .umb-w-inline-block {
    max-width: 100%;
    /*display: inline-block;*/
}

footer .alinea-footer-grid-editor-container {
    padding: 10px;
}

footer a {
    font-size: 0.95rem;
}

/* Backoffice fix*/
footer a.footer-link-icon.umb-w-inline-block {
    display: inline-flex;
}

footer .umb-footer-headline ~ a.umb-link-with-headline {
    margin-top: 10px;
}

footer .umb-footer-link-icon:hover {
    color: #1b1b1b;
}

footer .umb-footer-social-link {
    /*float: left;*/
}

footer .umb-footer-social-link-container {
    display: flex;
}

footer div[class^='umb-grid-area'] div.umb-ws-20:last-of-type {
    display: none;
}
#root main { height: auto !important; }