/* @group Footer */

#footer{
    margin-top: $section-padding;
    padding: 0;

    .subscribe{
        font-size: 16px;
        position: relative;
        z-index: 2;
        padding: 50px 0 40px;
        margin-bottom: 20px;
        background: $white;
        box-shadow: 0px 0px 7px 0px rgba(#000, 0.07);
        .title{
            span{ display: inline-block; }
            span::first-letter{
                color: $main-color;
            }
        }
        form{ 
            .form-group{
                width: 260px;
                display: inline-block;
                margin: 30px 0;
                margin-right: -5px;                
                input{
                    text-align: center;
                    margin: 0;
                }
            }
            .button{
                max-width: 27%;
                height: 45px;
                font-size: 15px;
                padding: 11px 25px;
            }
        }
		.title{ margin-bottom: 15px; line-height: 1; }
		.title i.fa{ margin-right: 5px; font-size: 90%; vertical-align: middle; position: relative; top: -2px; }
    }
    
	.widgets{	  
        border-left: 0;
        border-right: 0;
        .default-sidebar{
            display: flex;
            flex-flow: row wrap;
        }
        .widget{
            padding: $section-padding 35px;
            &:first-child{
                border: 0;
            }
            &:after{
                margin: 0;

            }
        }
        .default-sidebar, .mobile-sidebar{
            display: flex;
            flex-flow: row wrap;
        }
        .grid-33{
            flex-grow: 1;
        }
    }
    
    .logo{
		margin: 20px;
        text-align: center;
        a{
            display: inline-block;
            color: $black;
            &:hover{
                transform: translateY(-3px);
            }
        }
        a i.fa{ margin-right: 5px; }
        .dot{
            display: inline-block;
            width: 10px;
            height: 10px;
            margin-left: 5px;
            vertical-align: baseline;
        }
        &.text-logo span{
            display: inline-block;
            &::first-letter{
                color: $main-color;
            }
        }
	}

	#back-to-top{
		position: fixed;
		right: 10px;
		bottom: -10px;
		text-align: center;
		z-index: 99;
        border: 0;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        padding: 0;
        font-size: 25px;
        opacity: 0;
        cursor: pointer;
        img{ vertical-align: middle; }
        i.fa{ margin: 0; }
        &:hover{
            background: $black;
            transform: none;
        }
        &.visible{
            opacity: 1;
            bottom: 10px;
        }
    }
    .epcl-border{ margin: 0; }
	.published{ text-align: center;  margin: 0 20px 50px; font-size: 14px; }
    .published a{ 
        font-weight: bold; 
        &:hover{
            color: $black;
        }
    }
    .epcl-theme-author{ font-size: 12px; margin: -30px 20px 40px; }
    .epcl-theme-author.no-margin-top{ margin-top: 0; }
}


/* @end */