/* foot */


.foot {
 	width: calc(100% - 0rem);
  	display: flex;
  	align-items: center;
  	background-color: var(--bg-foot);
  	border-top: 0.1rem solid var(--bg-section);
}

.foot_container {
	width: calc(100% - 0rem);
	max-width: calc(100% - 0rem);
	height: calc(100% - 0rem);
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	align-items: center;
}


/* foot: share */
.foot_share_container {
	width: calc(100% - 0rem);
	display: flex;
	justify-content: center;
	align-items: center;

	display: none;
}

.foot_share {
	width: calc(100% - 6.25rem);
	max-width: calc(75rem - 6.25rem);
	margin: 2.5rem 3.125rem;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

.foot_share span {
	color: var(--text-headline);
	font-size: 0.875rem;
	font-weight: 700;
}

.foot_share ul {
	margin: 0 0.625rem;
	display: flex;
	flex-direction: row;
}

.foot_share ul li {
	margin: 0 0.625rem;
	cursor: pointer;
}

.foot_share ul li,
.foot_share ul li a {
	color: var(--color-primary);
}

.foot_share ul li:hover,
.foot_share ul li a:hover {
	color: var(--text);
}


/* foot: top */
.foot_top {
	width: calc(100% - 0rem);
	padding: 3.125rem 0 6.25rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: var(--white);
}

.foot_top img {
	width: 2.5rem;
	height: 2.5rem;
}


/* foot: middle */
.foot_middle {
	display: none;
}

.foot_middle ul {
	display: flex;
  	flex-direction: row;
  	align-items: center;
}

.foot_middle ul li {
	margin: 0 0.5rem;
	display: flex;
	align-items: center;
	color: var(--foot-text);
  	font-size: 0.75em;
  	font-weight: 400;
	line-height: 1;
  	white-space: nowrap;
}

.foot_middle ul li a {
	color: var(--foot-link);
  	font-size: 1em;
  	font-weight: 400;
  	text-decoration: none;
}

.foot_middle ul li a:hover {
	color: var(--foot-link-hover);
}


/* foot: bottom */
.foot_bottom {
	width: calc(100% - 0rem);
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--white);
	
	display: none;
}

.foot_bottom span {
	width: calc(100% - 6.25rem);
	max-width: calc(75rem - 6.25rem);
	margin: 2.5rem 3.125rem;
	color: var(--foot-text);
  	font-size: 0.75em;
  	font-weight: 300;
  	line-height: 2;
  	text-align: center;
}


@media only screen and (max-width: 1024px) {


	/* foot: share */
	.foot_share {
		width: calc(100% - 5rem);
		max-width: calc(100% - 5rem);
		margin: 2.5rem;
	}


}


@media only screen and (max-width: 768px) {


	/* foot: share */
	.foot_share {
		width: calc(100% - 2.5rem);
		max-width: calc(100% - 2.5rem);
		margin: 1.25rem;
	}


	/* foot: top */
	.foot_top {
		padding: 1.25rem 0 2.5rem;
	}


	/* foot: middle */
	.foot_middle ul li {
		margin: 0 0.375rem;
	}


}


/* foot */