/**
 * 
 * 10. Footer styling
 * 
 */

footer {
	.site-footer-widgets {
		padding: 4em 0;
		width: 100%;

		&.nopadding {
			padding: 0;
		}

		@include until($bp-xs) {
			.row .row > * {
				margin-bottom: 4em; // Vertical margin when collapsed

				&:last-child {
					margin-bottom: 0;
				}
			}			
		}
	}

	.site-footer-socket {
		padding: 1em 0;
		width: 100%;
		font-size: 12px;

		.shrk-social-icons li a {
			font-size: 18px;
			width: 25px;
		}
	}

	.site-info {
		p:last-child {
			margin-bottom: 0;
		}
	}

	.row > * {
		min-height: 0; /* reset BS min height */
	}

	/* fix for 6-col footer */
	.col-sm-2 {
		.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
			padding: 3px;
		}
	}

	.default-site-info {
		text-align: center;

		.sep {
			margin: 0 10px;
			opacity: 0.3;
		}
	}
}

footer {
	.dark {
		&.site-footer-widgets {
			background-color: $color-darker-gray;
		}

		&.site-footer-socket {
			background-color: darken($color-darker-gray, 10%);
		}
	}

	.shadow {
		box-shadow: inset 0 13px 40px -7px rgba(0, 0, 0, 0.4);
	}
}
