Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /home/corals/old/app/design/frontend/Cnc/default/web/scss/layout/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

// ==============================================
// LAYOUT - Footer
// ==============================================

.page-footer {

    .footer-reinsurance {
        @include breakpoint(md) {
            display: flex;
        }

        & > li {
            display: flex;
            flex-grow: 1;
            flex-basis: 0;
            padding: 30px 20px;
            background-color: $c-blue-dark;
            color: $c-white;
            font-size: 1.4rem;
            justify-content: center;

            @include breakpoint(md) {
            }

            @include breakpoint(lg) {
                font-size: 1.8rem;
            }

            &:nth-child(2) {
                background-color: lighten($c-blue-dark, 10%);
            }

            > span {
                display: flex;
                align-items: center;

                @include breakpoint(only-md) {
                    margin: 0 auto;
                    max-width: 300px;
                    width: 100%;
                }
            }

            .icon {
                display: inline-block;
                width: 35px;
                margin-right: 20px;
                text-align: center;
                font-size: 3.4rem;

                @include breakpoint(md) {
                    width: 50px;
                    font-size: 4rem;
                }
            }
        }
    }

    .footer.content {
        @extend .container;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        max-width: 1230px;
        color: $c-blue-dark;
        font-size: 1.2rem;

        @include breakpoint(only-md) {
            text-align: center;
            padding: 0;

            // Mobile Device Order Content Blocks
            .footer-content-left {
                order: 3;
            }
            .footer-content-center {
                padding: 0 20px;
                margin-top: 20px;
                order: 1;

                p {
                    max-width: 300px;
                    margin: 0 auto;
                }
            }
        }


        @include breakpoint(md) {
            align-items: flex-start;
            flex-direction: row;
            font-size: 1.3rem;
            padding: 35px 20px 30px;
        }

        & > div {

            &:not(:last-child) {
                @include breakpoint(md) {
                    padding-right: 20px;
                }
            }
        }

        // Footer Titles
        .title {
            @extend .title-2;

            @include breakpoint(only-md) {
                font-size: 1.8rem;
                padding: 10px;
                margin-bottom: 0;
            }
        }

        // Footer Dropdown Title
        .collapsible-wrapper-mobile > [data-role="title"] {

            @include breakpoint(only-md) {
                font-size: 1.8rem;
            }
        }

        // Footer Links
        a {
            &.phone-link {
                display: inline-block;
                font-weight: 700;
                text-decoration: none;
            }
            &.contact-form-link {
                @extend .btn;
                margin-top: 15px;
            }
        }

        // Footer Paragraphs
        p {
            font-size: 1.2rem;
            margin-bottom: 5px;
            text-align: left;
            line-height: 1.8;

            @include breakpoint(md) {
                font-size: 1.3rem;
                line-height: 1.5;
            }
        }

        // Content Blocks
        .footer-content-left {
            @extend .bg-gradient-top;

            @include breakpoint(only-md) {
                & > div {
                    margin-bottom: 30px;
                }
            }

            @include breakpoint(md) {
                background: none;
                & > div {
                    display: flex;
                    flex-wrap: wrap;
                }
            }

            // Links
            .links {
                @extend .list-1;

                @include breakpoint(md) {
                    width: 50%; // Fix IE11

                    &:not(:last-child) {
                        padding-right: 20px;
                    }
                }

                li {
                    &::before {
                        top: 7px;
                        transform: translateY(0);
                    }

                    @include breakpoint(only-md) {

                        padding-left: 0; // Override styles extended

                        &::before {
                            display: none;
                        }

                        & + li {
                            margin: 0;
                        }
                    }

                    a {
                        color: $c-blue-dark;

                        @include breakpoint(only-md) {
                            display: block;
                            padding: 10px;
                        }
                    }

                }
            }
        }

        .footer-content-right {
            width: 100%;

            @include breakpoint(only-md) {
                order: 2;
                display: flex;
                flex-direction: column-reverse;
            }

            @include breakpoint(md) {
                max-width: 300px;
            }

            a {
                display: inline-block;
                padding: 0 10px;
                font-size: 2rem;
                color: $c-blue;
            }
        }

        .payment-method-container {
            & > div {
                display: flex;
                justify-content: center;
                margin: 0 auto;

                img {
                    max-height: 18px;
                }

                @include breakpoint(md) {
                    justify-content: space-between;
                }

                @include breakpoint(only-md) {
                    padding-left: 10px;
                    padding-right: 10px;

                    img {
                        margin: 0 10px 30px 10px;
                    }
                }
            }
        }

        .social-container {
            margin: 20px 0;
            @include breakpoint(md) {
                margin: 40px 0 0;
            }
        }

        .social-links {
            display: flex;
            color: $c-blue;

            @include breakpoint(only-md) {
                justify-content: center;
            }

            @include breakpoint(md) {
                margin: 0 -10px;
            }

            > li:not(:last-child) {
                margin-right: 25px;
            }
        }

        .social-label {
            @extend .visually-hidden;
        }

        // Mobile Footer Toogle Elements
        .collapsible-wrapper-mobile {
            @include breakpoint(only-md) {

                @include collapsible-inline;

                & > .title {
                    cursor: pointer;
                }
                & > div {
                    display: none;
                }
            }

        }
    }

    // Footer Bottom Container

    .footer-bottom {
        background-color: $c-pink;
        display: flex;
        justify-content: center;

        li {
            display: flex;
            align-items: center;
            justify-content: center;
            color: $c-white;

            @include breakpoint(only-md) {
                flex-grow: 1;
                flex-basis: 0;
            }

            &:not(:last-child):after {
                content: "-";
                display: inline-block;
            }
        }

        a {
            display: inline-block;
            padding: 14px 15px;
            color: $c-white;
            font-size: 1.2rem;
            text-align: center;
        }
    }
}