/* @group Footer */

/* Subscribe section used on Footer and Subscribe page */

.epcl-subscribe{
    font-size: 16px;
    position: relative;
    z-index: 2;
    padding: 60px 50px;
    .title{
        margin-bottom: 10px;
    }
    .description{
        max-width: 400px;
        margin: 0 auto;
        font-size: 15px;
    }
    form{ 
        position: relative;
        z-index: 2;
 
        .subscribe-decoration{
            display: none;
            position: absolute;
            right: 100%;
            top: 30px;
            margin-right: -70px;
            z-index: -1;
            width: 125px;
            height: 103px;
            background: url($assets_path+'/images/subscribe-decoration.png') no-repeat left top;
            background-size: contain;
        }
        .form-group{
            margin: 20px 0;
            position: relative;              
            .inputbox.large{
                margin: 0;
                padding-right: 175px;
            }
            .submit.absolute{
                position: absolute;
                right: 10px;
                top: 7px;
                height: 47px;
                font-size: 17px;
                padding: 0px 35px;
            }
        }
    }
}

#footer{
    margin-top: 120px;
    padding: 0;
    background: $boxes-bg-color;
    border-top: 1px solid $border-color;
    border-bottom: 1px solid $border-color;
    &.no-background{
        background: none;
        border: 0;
    }
	.widgets{	      
        .default-sidebar{
            display: flex;
        }
        .epcl-row{
            display: flex;
        }
        .widget{
            border: 0;
            background: none;
            margin: 0 20px;
            padding-top: 60px;
        }
        .default-sidebar, .mobile-sidebar{
            display: flex;
        }
        .grid-33{
            flex-grow: 1;
        }
    }
    .epcl-subscribe{
        border-top: 1px solid $border-color;
        margin-top: 40px;
        .title{
            margin-bottom: 30px;
            font-size: 40px;
        }
        .subtitle{ display: none; }
        .subscribe-decoration{ display: block; }
        .form-group{
            max-width: 500px;
            margin-left: auto;
            margin-right: auto;
        }
    }
    
    .logo{
        margin-bottom: 20px;
        a{
            display: inline-block;
            color: $black;
            &:hover{
                transform: translateY(-3px);
            }
        }
        a i.fa{ margin-right: 5px; }
	}

	#back-to-top{
		position: fixed;
		right: -10px;
		bottom: 10px;
		text-align: center;
		z-index: 99;
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        padding: 0;
        font-size: 25px;
        opacity: 0;
        border-radius: 100%;
        img{ vertical-align: middle; }
        i.fa{ margin: 0; }
        &.visible{
            opacity: 1;
            right: 10px;
            bottom: 10px;
        }
    }
    .epcl-border{ margin: 0; }
	.published{ text-align: center;  margin: 0 0 20px; font-size: 13px; }
    .published a{ 
        font-weight: bold; 
        &:hover{
            color: $black;
        }
    }
}


/* @end */