.footer{

	background-color: $footer-bg;
	color: $footer-font-color;
    background-size: cover;
    background-position: center;

	
	.footer-item{
		.logo-bottom{
			margin-bottom: 10px;
		}
		.footer-title{
			font-size: 24px;
			padding: 20px 0 30px 0;
			margin-bottom: 0;
			position: relative;
			color: $color-secondary;
			font-family: $font-heading;
			
		}
		.footer-sosmed{
			margin-top: 50px;
			margin-bottom: 30px;
			display: inline-block;
			a{
				.item{
					color: $white;
					display: table-cell;
 					vertical-align: middle;
					margin: 0 14px;
					width: 40px;
					height: 40px;
					text-align: center;
					background-color: lighten($color_secondary, 5%);
					@include border-radius(50px);
					&:hover{
						background-color: $color_primary;
					}
					.fa{
						font-size: 16px;
					}
				}
			}
		}

		// list info

		.list{
			margin: 0;
			padding: 0;

			li{
				list-style: none;
			    padding-bottom: 5px;
    			padding-top: 5px;
    			&:first-child{
    				padding-top: 0;
    			}
				
				a{
					position: relative;
					color: $footer-font-color;
					padding-left: 25px;
					&:before{
						content: '\f178';
						font-family: $font_icon;
						left: 0;
						position: absolute;
						color: $color-secondary;
					}
					&:hover{
						color: $color_primary;
					}
				}
			}
		}

		.footer-subscribe{
	      position: relative;
	      input[type=email]{
	        width: 100%;
	        background: #fff;
	        padding: 10px 57px 10px 17px;
	        min-height: 38px;
	        max-width: 480px;
	        @include border-radius(0);
            border: 0;
	        &:focus{
	          background: #fff;
	          @include border-radius(2px);
	          -webkit-box-shadow: 0 0 0 2px $color_primary;
	          -moz-box-shadow: 0 0 0 2px $color_primary;
	          box-shadow: 0 0 0 2px $color_primary;
	          border-color: transparent;
	        }
	      }
	      input[type=submit]{
	        position: absolute;
	        left: 0;
	        top: 0;
	        visibility: hidden;
	      }
	      label{
	        position: absolute;
	        right: 0;
	        top: 0;
	        border: 0;
	        width: 40px;
	        height: 38px;
	        line-height: 40px;
	        padding: 0;
	        cursor: pointer; 
	        text-align: center;
	        font-size: 13px;
	        background: none;
	        color: $white;
	        outline: 0 !important;
	        -webkit-transition: color .3s ease;
	        -moz-transition: color .3s ease;
	        -ms-transition: color .3s ease;
	        -o-transition: color .3s ease;
	        transition: color .3s ease;
	        background: $color_primary;
	      }
	      .icon{
	        font-size: 18px;
	      }
	      p{
	        font-size: 13px;
	        margin-top: 16px;
	      }
	  	}

	  	.recent-post{
  			margin: 0;
  			padding: 0;
	  		li{
	  			list-style: none;
	  			margin: 0 0 30px;
	  			a{
	  			    color: $color-body;
				    line-height: 20px;
				    display: inline-block;
				    vertical-align: top;
			        margin: 0 0 14px;
			        &:hover{
			        	color: $color_primary;
			        }
				}
				.date{
				    display: block;
				    font-size: 12px;
				    padding: 0;
				    color: rgba($color-body, .4);
				    i{
				    	margin-right: 5px;
				    }
				}
	  		}
	  	}

	}

	.fcopy {
	    padding: 15px 0;
	    font-size: 14px;
	    border-top: 1px solid $color-primary;
	    background-color: $footer-bg;
	}

}

.list-info{
	margin: 0;
	padding: 0;
	li{
		margin-bottom: 20px;
		list-style: none;
	    font-size: 16px;
		.info-icon {
		    display: table-cell;
		    color: $color-secondary;
		}
		.info-text{
			/*margin-left: 30px;*/
			padding-left: 20px;
			display: table-cell;
			vertical-align: top;
		}
	}
}

.ftex{
	margin-bottom: 0;
	text-align: center;
}