@font-face {
    /* font for text */
    font-family: "Chubb Publico Web";
    src: url("/PRSStaticContent/PRSMyAlerts/fonts/Chubb Publico Web-Roman.eot");
    src: url("/PRSStaticContent/PRSMyAlerts/fonts/Chubb Publico Web-Roman.eot?iefix") format("embedded-opentype"),
        url("/PRSStaticContent/PRSMyAlerts/fonts/Chubb Publico Web-Roman.woff2") format("woff2"),
        url("/PRSStaticContent/PRSMyAlerts/fonts/Chubb Publico Web-Roman.woff") format("woff"),
        url('/PRSStaticContent/PRSMyAlerts/fonts/ChubbPublicoApp-Roman.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}
@font-face {
    /* font for text */
    font-family: "Chubb Publico Web Light";
    src: url("/PRSStaticContent/PRSMyAlerts/fonts/Chubb Publico Web-Light.eot");
    src: url("/PRSStaticContent/PRSMyAlerts/fonts/Chubb Publico Web-Light.eot?iefix") format("embedded-opentype"),
        url("/PRSStaticContent/PRSMyAlerts/fonts/Chubb Publico Web-Light.woff2") format("woff2"),
        url("/PRSStaticContent/PRSMyAlerts/fonts/Chubb Publico Web-Light.woff") format("woff"),
        url('/PRSStaticContent/PRSMyAlerts/fonts/ChubbPublicoApp-Light.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}
.footer {

    .footer-upper-mobile {
        display: none;
    }

    .footer-upper {
        border-top: 10px solid #fff;
        font-family: "Chubb Publico Web";
        padding: 15px 62px 0 62px;
        display: flex;
        height: 65px;
        background-color: #f4f4f4;

        .column1 {
            font-family: "Chubb Publico Web Light";
            font-size: 24px;
            font-weight: 300
        }

        .column2 {
            margin: 0% 20%;
            display: flex;
            font-size: 16px;

            .row1 {
                img {
                    position: relative;
                    top: 3px
                }
            }

            .row2 {
                margin-left: 5px;
                display: flex;
                flex-direction: column
            }

            .row2 span:nth-child(2) {
                font-size: 12px;
                margin-top: 3px;
                font-family: "Lato"
            }
        }

        .column3 {
            a {
                color: #000;
                text-decoration: none;

                .email {
                    font-size: 16px;
                    text-decoration: underline
                }
            }
        }

        .column3 a img:first-child {
            position: relative;
            top: 3px;
            margin-right: 3px
        }
    }

    .footer-lower {
        padding: 0 62px;
        font-family: Lato;
        font-size: 16px;
        color: #fff;
        border-top: 3px solid #f60;
        background-color: #4b4e53;

        .row1 {
            padding-bottom: 24px;
            padding-top: 24px
        }

        .row2 {
            padding-bottom: 10px;
            padding-top: 0;

            ul {
                display: flex;
                padding: 0;
                margin: 0;
                flex-direction: row;
                column-gap: 16px;
                flex-wrap: wrap;

                li {
                    display: block;
                    font-size: 13px;
                    margin-bottom: 8px;
                    white-space: nowrap;

                    a {
                        font-family: Lato;
                        color: #fff;
                        text-decoration: underline
                    }

                    a:focus {
                        outline: none;
                    }
                }
            }
        }
    }

    @media (max-width:768px) {
        .footer-upper {
            display: none;
        }

        .footer-upper-mobile {
            display: block;
            font-family: "Chubb Publico Web";
            height: auto;
            padding-bottom: 10px;
            border-top: 10px solid #fff;
            background-color: #f4f4f4;

            .row1 {
                .upper {
                    font-family: "Chubb Publico Web Light";
                    margin-bottom: 10px;
                    margin-left: 10px;

                    .expandable-icon {
                        border: solid black;
                        border-width: 0 1.5px 1.5px 0;
                        padding: 8px;
                        width: 8px;
                        height: 8px;
                        transform: rotate(45deg);
                        position: relative;
                        float: right;
                        margin-right: 20px;
                    }
                }

                .inside-row {
                    padding-left: 25px;
                    line-height: 25px;

                    img {
                        position: relative;
                        top: 3px;
                    }
                }

                .text {
                    font-size: 24px;
                    font-weight: 300;
                }
            }

            #mobile-expandable {
                display: none;
            }

            .expandable {
                padding-left: 25px;

                .date {
                    margin-left: 22px;
                    margin-bottom: 10px;
                    font-size: 12px;
                    font-family: "Lato";
                }

                flex-direction: column;

                a {
                    color: #000;
                    text-decoration: none;

                    .email {
                        font-size: 16px;
                        text-decoration: underline;
                    }
                }

                a img:first-child {
                    position: relative;
                    margin-right: 3px;
                    top: 3px;
                }
            }
        }

        .footer-lower {
            padding: 0px 20px;
        }
    }
}