%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/c/a/s/casasmonvl/newges4t.old/wp-content/themes/ges4t/scss/
Upload File :
Create Path :
Current File : /home/c/a/s/casasmonvl/newges4t.old/wp-content/themes/ges4t/scss/_footer.scss

// Site Footer
#colophon {
    color: $white;
    font-weight: 500;
    .phone {
        -ms-grid-column: 2;
        -ms-grid-column-span: 5;
        grid-column: col-start 2 / span 5;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px 0;
        @media (min-width: $breakpoint-lg) {
            margin: 0;
            justify-content: flex-start;
        }
        a {
            color: inherit;
            text-decoration: none;
        }
    }
    .social-media {
        -ms-grid-column: 7;
        -ms-grid-column-span: 6;
        grid-column: col-start 7 / span 6;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 20px 0;
        @media (min-width: $breakpoint-lg) {
            margin: 0;
            justify-content: flex-end;
        }
        ul {
            display: flex;
            align-items: center;
            list-style: none;
            padding: 0;
            margin: 0;
            li {
                margin: 0 10px;
                a {
                    color: inherit;
                    color: rgba($white, 0.72);
                    text-decoration: none;
                }
                &.current-menu-item {
                    a {
                        color: inherit;
                    }
                }
            }
        }
    }
}
// Full Site Footer
.full-footer-wrap {
    background-color: $black-alt;
    color: white;
    padding: 80px 0;
}
#full-footer {
    .footer-logo {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: col-start / span 2;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 20px 0;
        @media (min-width: $breakpoint-lg) {
            justify-content: flex-start;
            margin: 0;
        }
        svg {
            fill: white;
            transition: fill 0.7s;
        }
    }
    .social-media {
        -ms-grid-column: 3;
        -ms-grid-column-span: 8;
        grid-column: col-start 3 / span 8;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 20px 0;
        @media (min-width: $breakpoint-lg) {
            margin: 0;
            justify-content: center;
        }
        ul {
            display: flex;
            align-items: center;
            list-style: none;
            padding: 0;
            margin: 0;
            li {
                margin: 0 10px;
                a {
                    color: inherit;
                    font-weight: 500;
                    color: rgba($white, 0.72);
                    text-decoration: none;
                }
                &.current-menu-item {
                    a {
                        color: inherit;
                    }
                }
            }
        }
    }
    .phone {
        -ms-grid-column: 11;
        -ms-grid-column-span: 2;
        grid-column: col-start 11 / span 2;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 20px 0;
        @media (min-width: $breakpoint-lg) {
            margin: 0;
            justify-content: flex-end;
        }
        a {
            color: inherit;
            font-weight: 500;
            text-decoration: none;
        }
    }
    .copyright {
        -ms-grid-column: 1;
        -ms-grid-column-span: 12;
        grid-column: col-start 1 / span 12;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 20px 0;
        @media (min-width: $breakpoint-lg) {
            margin-top: 40px;
        }
    }
}

#scrollDown {
    position: absolute;
    bottom: 27px;
    left: 24px;
    display: none;
    font-weight: 500;
    @media(min-width: $breakpoint-lg){
        display: flex;
        left: calc(50% - 960px/2);
    }
    @media(min-width: $breakpoint-xl){
        left: calc(50% - 1170px/2);
    }
    @media(min-width: $breakpoint-xxl){
        left: calc(50% - 1392px/2);
    }
    flex-direction: column;
    color: $white;
    animation: animateDown 4s infinite ease-in-out;
    #scrollDownHint {
        width: 2px;
        height: 68px;
        background: $white;
        margin-right: 10px;
        animation: animateScaleY 4s infinite ease-in-out;
        transform-origin: top;
    }
    #scrollDownText {
        transform: rotate(-90deg);
        transform-origin: left;
    }
}

body.page-template-full-width,
body.page-template-default,
body.post-template-default {
    #colophon {
        display: none;
    }
}

body.page-template-full-width,
body.page-template-contact,
body.page-template-default {
    #scrollDown {
        display: none;
    }
}

body.page-template-homepage,
body.page-template-about,
body.page-template-contact,
body.blog {
    #colophon {
        @media (min-width: $breakpoint-lg) {
            position: absolute;
            z-index: 100;
            bottom: 0;
            left: 0;
            right: 0;
        }
    }
}

body.page-template-homepage {
    @media (min-width: $breakpoint-lg) {
        #colophon {
            position: fixed;
        }
    }
}

body.page-template-homepage,
body.page-template-contact {
    .full-footer-wrap {
        display: none;
    }
}

Zerion Mini Shell 1.0