//Footer allways in dark skin
#footer .container-wrapper{
	padding: 15px 0;
	margin: 0;
	background: transparent;
}

.site-footer{
	margin-top: 50px;
	padding: 0;

	@include breakpoint(max_min_md){
		margin-top: 30px;

		.section-wrapper.has-background + &{
			margin-top: 0
		}
	}

	.container-full.has-background + &{
		margin-top: 0;
	}

	.widget-title-icon{
		display: none;
	}

	.widget,
	.widget-content-only{
		margin-bottom: 0;
		border: 0;

		&.buddypress{
			margin-bottom: 30px;
		}
	}

	.widget.tie-weather-widget{
		margin: 15px 0;
	}

	@include breakpoint(max_min_sm){
		.widget {
			margin-bottom: 20px;
		}
	}

	.widget_nav_menu li{
		list-style: none;
	}

	.posts-list-counter .posts-list-items li:before{
		border-color: $dark-color;
	}
}

.footer-widget-area{
	margin-bottom: 10px;

	&:first-child:not(.footer-boxed-widget-area){
		padding-top: 60px;

		@include breakpoint(max_min_sm){
			padding-top: 30px;
		}
	}

	&:last-child{
		margin-bottom: 20px
	}

	@include breakpoint(max_min_sm){
		margin-bottom: 20px;
	}
}

.footer-boxed-widget-area{
	padding: 30px 30px 0;
	margin-bottom: 50px;
	border: $base-border-in-white;
	border-radius: $base-border-radius;

	&:first-child{
		margin-top: 50px;
	}

	&:last-child{
		margin-bottom: 30px;
	}

	> .tie-row > [class*="tie-col"]{
		padding-right: 10px;
		padding-left: 10px;
	}

	#footer & .container-wrapper,
	#footer & .widget.widget-content-only{
		padding: 0;
		margin-bottom: 30px;
	}
}

.side-aside,
.site-footer{
	.latest-tweets-widget .dark-btn{
		display: none;
	}
}


// Instagram above footer --------------------------------------
.tie-insta-photos{
	overflow: hidden;
}

.tie-insta-post{
	position: relative;
	width: 33.33333333333%;
	float: left;

	a{
		display: block;
		line-height: 0;
		position: relative;

		&:hover img{
			opacity: 0.9;
		}
	}

	img{
		max-width: 100%;
		width: 100%;
		height: auto;
		float: left;
	}

	.media-video{
		position: absolute;
		top: 10px;
		right: 10px;
		color: #ffffff;
		font-size: 20px;
		text-shadow: 0 0 10px rgba(0,0,0,0.5);
	}
}

#footer-instagram{
	position: relative;
	text-align: center;
	color: #fff;

	.tie-insta-post {
		width: 16.6666666666666% !important;

		a {
			&:hover{
				opacity: 0.7;
			}
		}
	}

	@include breakpoint_min(901px){
		.mCSB_container{
			width: 100% !important;
			left: auto !important;
		}
	}

	@include breakpoint_max(900px){
		.tie-insta-photos{
			max-height: 150px;
			white-space: nowrap;
			font-size: 0;
			overflow-x: auto;
    	overflow-y: hidden;
		}

		.tie-insta-post {
			width: 150px !important;
			display: inline-block;
			float: none;
			font-size: 13px;
		}
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		height: 10px;

		.mCSB_dragger .mCSB_dragger_bar{
			background: rgba(0, 0, 0, 0.6);
		}
	}
}

#instagram-link{
	position: absolute;
	display: block;
	z-index: 1;
	padding: 20px;
	@include center(xy);
	background: rgba(0,0,0,.7);
	display: block;
	@include font-size(16px);
	font-weight: 600;
	text-shadow: 0 0 5px #000000;
	text-align: center;
	white-space: nowrap;
	word-wrap: normal; // IE fix
	color: #ffffff;

	@include breakpoint(max_min_sm){
		font-size: 0;
		right: 10px;
		top: 10px;
		left: auto;
		transform: none;
		width: 30px;
		height: 30px;
		padding: 5px;
		border-radius: $base-border-radius;

		span{
			font-size: 15px;
			vertical-align: middle;
		}

		&:before,
		&:after{
			display: none;
		}
	}

	&:before,
	&:after{
		top: 0;
		left: 0;
		content: '';
		position: absolute;
		width: 20px;
		height: 20px;
		opacity: 1;
		border: 2px solid $brand-color;
		border-width: 2px 0 0 2px;
		transition: 0.5s;
	}

	&:after{
		left: auto;
		top: auto;
		right: 0;
		bottom: 0;
		border-width: 0 2px 2px 0;
	}

	@include breakpoint(sm){
		&:hover{
			color: $brand-color;

			&:before{
				transform: translate3d(10px, 10px, 10px);
			}

			&:after{
				transform: translate3d(-10px, -10px, -10px);
			}
		}
	}
}


// Site Info Bar------------------------------------------------
.site-info{
	background: $darker-bg-more;
	padding: 20px 0;
	line-height: 32px;
	text-align: center;
}

.copyright-text{
	font-size: 13px;
}

.footer-menu{
	text-align: center;

	li{
		display: inline-block;
		margin: 0 5px;
	}
}

.site-info{
	.social-icons{
		text-align: center;

		li{
			float:none;
			display: inline-block;
			margin: 0;

			a{
				span{
					color: $dark-base-color;
					line-height: 22px;
				}

				&:hover span{
					color: #ffffff;
				}
			}
		}
	}

	@include breakpoint(max_min_sm){
		.tie-alignleft,
		.tie-alignright{
			float: none;
		}
	}
}

@include breakpoint(sm){
	.site-info-layout-2{
		.copyright-text-first{
			float: left;
		}

		.copyright-text-second,
		ul.social-icons,
		.footer-menu{
			float: right;
			margin: 0;
			margin-left: 10px;
		}
	}
}

a.go-to-top-button{
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: $brand-color;
	text-align: center;
	display: block;
	position: fixed;
	bottom: -100px;
	right: 15px;
	z-index: 3;
	color: #ffffff;
	transition: 0.3s;

	&:hover{
		opacity: 0.85;
	}

	&.show-top-button{
		bottom: 15px;
	}

	@include breakpoint(max_min_sm){
		right: 5px;
		width: 25px;
		height: 25px;
		line-height: 25px;

		&.show-top-button{
			bottom: 5px;

			.has-mobile-share &{
				bottom: 45px;
			}
		}
	}
}
