/* #Footer */

.footer-wrapper {
    &.wide {
        .container {
            width: 100%;
        }
    }
}

.footer-top {
    .widget:last-child {
        margin-bottom: 0;
    }
}
#footer {
	font-size: .9em;
	padding: 0;
	position: relative;
	clear: both;

    a:hover {
        text-decoration: underline;
    }

    p {
        font-size: 1em;
    }

    ul.list {
        li {
            margin-bottom: 5px;
        }
    }

    .widget > div > ul li,
    .widget > ul li {
        line-height: 24px;
    }

    .footer-ribbon {
        position: absolute;
        margin: -70px 0 0 0;
        padding: 10px 20px 6px 20px;
        color: #fff;
        font-size: 1.6em;
        z-index: 101;

        &:before {
            #{$left}: -10px;
            border-#{$right}: 10px solid #646464;
            border-top: 16px solid transparent;
            content: "";
            display: block;
            height: 0;
            position: absolute;
            top: 0;
            width: 7px;
        }
    }

    .footer-main > .container {
        padding-top: 40px;
        padding-bottom: 10px;
    }
    &.show-ribbon {
        .footer-main > .container {
            padding-top: 54px;
        }
    }

    .container {
        position: relative;
		input:focus {
			box-shadow: none;
		}
	}
    .logo {
        display: inline-block;
        margin-#{$right}: ($grid-gutter-width / 2 + 10px);

        @media #{$screen-normal} {
            display: block;
            margin-bottom: 15px;
            margin-#{$right}: 0;
        }

        img {
            display: inline-block;
            max-width: 80px;
        }
    }
    .footer-bottom {
        padding: 15px 0;

        .container {
            display: table;
            table-layout: fixed;
            @media #{$screen-normal} {
                display: block;
            }
            > div {
                display: table-cell;
                vertical-align: middle;
                @media #{$screen-normal} {
                    display: block;
                }
            }
            .footer-left {
                padding: side-values(10px 8px 10px 0);
                text-align: $left;
                @media #{$screen-normal} {
                    padding: 10px 0;
                }
                width: 100%;
            }
            .footer-center {
                padding: 10px 8px;
                text-align: center;
                width: 100%;
                @media #{$screen-normal} {
                    padding: 10px 0;
                    width: auto;
                    text-align: $left;
                }
            }
            .footer-right {
                padding: side-values(10px 0 10px 8px);
                text-align: $right;
                @media #{$screen-normal} {
                    padding: 10px 0;
                    text-align: $left;
                }
                width: 100%;
            }
        }
    }

    .widgettitle,
    .widget-title {
        margin-bottom: 15px;
        font-size: 1.2698em;

        &,
        a {
            font-weight: $font-weight-normal;
            text-transform: none;
        }

        img {
            margin-#{$right}: 3px;
            margin-top: -2px;
        }
    }

    .thumbnail,
    .img-thumbnail {
        padding: 0;
        border-width: 0;
        background: transparent;

        img {
            border-radius: $border-thin;
        }
    }

    .widget {

        p {
            font-size: 1em;
        }

        > div > ul,
        > ul {
            font-size: 1em;
        }

        .tagcloud a {
            background: transparent;
            text-decoration: none;

            &:hover {
                color: #fff;
            }
        }

        p {
            margin-top: -3px;
            margin-bottom: 13px;
        }

        &.contact-info {
            .widget-title {
                margin-botom: 15px;
            }
        }
    }

    .footer-bottom {

        .widget {
            display: inline-block;
            margin: 0;

            @media #{$screen-normal} {
                display: block;
                margin-top: 5px;
            }

            > div > ul,
            > ul {
                border-width: 0;

                li {
                    border-width: 0;
                }
            }
        }

        .widget_nav_menu {
            ul {
                margin: 0;
                li {
                    display: inline-block;
                    padding: side-values(0 0 0 6px);
                    &:first-child {
                        padding: 0;
                    }
                    &:before {
                        display: none;
                    }
                    &:after {
                        content: "|";
                        font-weight: 300;
                        position: relative;
                        top: -1px;
                        margin: side-values(0 0 0 9px);
                    }
                    &:last-child {
                        &:after {
                            display: none;
                        }
                    }
                    + li {
                        margin-#{$left}: 0;
                    }
                }
            }
        }

        .footer-left {
            .widget {
                margin-#{$right}: ($grid-gutter-width / 2 + 5px);

                @media #{$screen-normal} {
                    margin-#{$right}: 0;
                }
            }

            &:first-child {
                margin-#{$right}: 0;
            }
        }

        .footer-right {
            .widget {
                margin-#{$left}: ($grid-gutter-width / 2 + 5px);

                @media #{$screen-normal} {
                    margin-#{$left}: 0;
                }
            }

            &:first-child {
                margin-#{$left}: 0;
            }
        }

        .tooltip {
            display: none !important;
        }
    }
}

.footer-wrapper {
    &.simple,
    &.fixed {
        #footer {
            padding-top: 0;
            background: transparent;

            .footer-bottom {
                padding: 0;

                .logo {
                    display: none;
                }

                .container {
                    display: table;
                    > div {
                        padding-top: 8px;
                        padding-bottom: 8px;
                        display: table-cell;
                        float: none;

                        @media #{$screen-normal} {
                            &.footer-center {
                                display: none;
                            }
                        }
                        @media #{$screen-small} {
                            &.footer-right {
                                display: none;
                            }
                            &.footer-left {
                                text-align: center;
                            }
                        }
                    }
                }
            }
        }
    }
    &.fixed {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 10;
    }
}

#footer-boxed {
    padding-left: 0;
    padding-right: 0;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
}

