/*
 * Style Footer - use variables from customize
 */

footer#colophon.custom {
	background-color: $thim_footer_background_color;
	color: $thim_footer_color_text;
	a {
		color: $thim_footer_color_link;
	}
	h1, h2, h3, h4, h5, h6 {
		color: $thim_footer_color_title;
	}
	.copyright-area {
		.copyright-content {
			color: $thim_footer_color_copyright;
		}
		#copyright-menu {
			li {
				border-right-color: $thim_footer_color_text;
				a {
					color: $thim_footer_color_text;
				}
			}
		}
	}

	.footer-sidebars {
		.list-link {
			li {
				a {
					color: $thim_footer_color_link;
				}
			}
		}
	}
}

footer#colophon {

	&.dark {
		.footer {
			.widgettitle,
			.widget-title {
				&:after {
					border-bottom-color: $thim_body_primary_color;
				}
			}
		}
		.copyright-area {
			#copyright-menu {
				li {
					a:hover {
						color: $thim_body_primary_color;
					}
				}
			}
		}
	}

	a {
		&:hover {
			color: $thim_body_primary_color;
		}
	}

	.copyright-area {
		.copyright-content {
			a {
				color: $thim_body_primary_color;
				&:hover {
					color: darken($thim_body_primary_color, 20%);
				}
			}
		}
	}

	.footer-sidebars {
		.list-link {
			li {
				a {
					&:hover {
						color: $thim_body_primary_color;
					}
				}
			}
		}
	}
	&.light {
		.copyright-area {
			#copyright-menu {
				li {
					a:hover {
						color: $thim_body_primary_color;
					}
				}
			}
		}
	}
}

#back-to-top {
	background: $thim_body_primary_color;
	&:hover {
		background: darken($thim_body_primary_color, 20%);
	}
}

#copyright-menu {
	.menu-item {
		a {
			&[href*="dribbble.com"],
			&[href*="facebook.com"],
			&[href*="flickr.com"],
			&[href*="foursquare.com"],
			&[href*="plus.google.com"],
			&[href*="instagram.com"],
			&[href*="linkedin.com"],
			&[href*="pinterest.com"],
			&[href*="reddit.com"],
			&[href*="tumblr.com"],
			&[href*="twitter.com"],
			&[href*="vimeo.com"],
			&[href*="wordpress.com"],
			&[href*="wordpress.org"],
			&[href*="youtube.com"],
			&[href*="mailto:"],
			&[href*="twitch.tv"],
			&[href$="/feed/"] {
				&:hover {
					&:after {
						background-color: $thim_body_primary_color;
						border-color: $thim_body_primary_color;
					}
				}
			}
		}
	}
}

.newsletter-form {
	input {
		font-family: $thim_font_title_font_family;
		&:focus, &:active {
			border-color: $thim_body_primary_color;
		}
	}
}