.billow {
	footer.site-footer {
		display: flex;
		flex-direction: column;
		width: 100%;

		.footer-widget-area {
			padding: 2.5rem 0;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: 50%;
			-o-object-fit: cover;
			object-fit: cover;
			overflow: hidden;

			ul {
				margin: 0;
				padding: 0;

				li {
					margin: 0;
					list-style: none;
				}
			}

			ul.widget {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;

				li.widget {
					width: 30%;
					padding: 0.7rem;

					ul.widget {
						display: flex;
						flex-direction: column;
					}

					.widget-title {
						text-transform: uppercase;
					}
				}
			}

			.widget_search {
				form.search-form {
					margin: 2rem;
				}
			}

			.widget-latest-posts {
				ul {
					list-style: none;
					margin: 0;
					padding: 0;

					li.widget-holder {
						display: flex;
						margin-bottom: 1.5rem;

						a.post-thumbnail {
							-ms-flex: 0 0 auto;
							flex: 0 0 auto;

							img {
								width: 6rem;
								height: auto;
								font-family: 'object-fit: cover;';
								float: left;
								margin-right: 1.5rem;
								box-shadow: 0 3px 12px -1px rgba(7,10,25,.2), 0 22px 27px -20px rgba(7,10,25,.2);
								@include transition;

								&:hover {
									transform: translateY(-0.125rem);
									@include transition;
								}
							}
						}

						.content {
							a.post-title {
								font-size: 1rem;
								font-weight: 500;
							}

							.post-meta {
								font-size: 0.8rem;
								margin-top: 0.2rem;
							}
						}

						a {
							&::before {
								content: none;
							}
						}
					}
				}
			}

			.widget {
				ul {
					li {
						a {
							&::before {
								color: $color_white;
							}
						}
					}
				}
			}

			.widget_calendar {
				caption,
				thead {
					background-color: transparent;
					color: inherit;

					th {
						background-color: transparent;
					}
				}

				td#today {
					background-color: $color_white;
					color: $color_text_main;
				}
			}

			.widget_rss {
				.widget-title {
					a.rsswidget {
						color: $color_white;
					}
				}
			}

			.widget.woocommerce {
				.star-rating {
					span {
						&::before {
							color: $color_white !important;
						}
					}
				}

				ins {
					background: $color_main;
				}
			}

			.widget_shopping_cart {
				p {
					color: $color_white;
				}

				.woocommerce-mini-cart__total {
					color: $color_white;
					border-top: 1px dashed $color_white;
				}
			}
		}

		.site-info {
			display: flex;
			flex-direction: column;

			.container {

				&.align-center {
					text-align: center;
				}

				&.align-left {
					text-align: left;
				}

				&.align-right {
					text-align: end;
				}
			}

			a,
				span {
					color: inherit
				}
		}

		// Scroll to Top
		#scroll-to-top {
			position: fixed;
			display: none;
			bottom: 1.25rem;
			width: 2.5rem;
			height: 2.5rem;
			line-height: 2.5rem;
			cursor: pointer;
			text-align: center;
			z-index: 100;
			-webkit-box-sizing: content-box;
			-moz-box-sizing: content-box;
			box-sizing: content-box;
			box-shadow: 0px 0px 5px rgba(0,0,0,.1);

			span {
				line-height: inherit;
				vertical-align: top;
				text-align: center;

				&::before {
					font-family: "Font Awesome 5 Free";
					font-weight: 700;
					font-size: 1.2rem;
					display: inline-block;
					@include transition;
				}
			}

			&.square {
				-webkit-border-radius: 0.2rem;
				-moz-border-radius: 0.2rem;
				-ms-border-radius: 0.2rem;
				border-radius: 0.2rem;
			}

			&.circle {
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				-ms-border-radius: 50%;
				border-radius: 50%;
			}

			&.left {
				left: 1.25rem;
			}

			&.center {
				left: 50%;
			}

			&.right {
				right: 1.25rem;
			}

			&.type-1 {
				span {
					&::before {
						content: '\f077';
					}
				}
			}

			&.type-2 {
				span {
					&::before {
						content: '\f062';
					}
				}
			}

			&.type-3 {
				span {
					&::before {
						content: '\f102';
					}
				}
			}
		}

		a {
			text-decoration: none;
		}
	}
}

@media ( max-width: 60rem ) {
	.billow {
		footer.site-footer {
			.container {
				ul.widget {
					flex-wrap: wrap;

					li.widget {
						width: 50%;
						padding: 1rem;
					}
				}
			}
		}
	}
}

@media ( max-width: 44rem ) {
	.billow {
		footer.site-footer {
			.container {
				ul.widget {
					flex-wrap: nowrap;
					flex-direction: column;

					li.widget {
						width: 100%;
						padding: 1rem 0;
					}
				}
			}
		}
	}
}