/*
 * Plugin Name: PNI Tweaks Plugin
 * Description: Miscellaneous WordPress tweaks for PartsNotIncluded.com that persist across themes
 * Version: 1.0.1
 * Author: David Madison
 * Author URI: http://www.partsnotincluded.com
 */

/* Recolor Yoast SEO score icon for static frontpage (WP-Admin) */
.home #wpadminbar .wpseo-score-icon {
	background-color: #00adef !important;
}


/* Remove border around lightbox popout (Simple Lightbox Plugin) */
#slb_viewer_wrap .slb_theme_slb_default .slb_viewer_layout .slb_container {
	box-shadow: none;
	padding: 0;
}


/* Provide extra padding below iframes in posts.
 * Gfycat embeds are particularly bad at snugging directly next to paragraphs without this...
 */
.iframe-custom-style {
	margin-bottom: 2.5%;
}

/* Style iframes */
.pni-iframe-container {
	margin-bottom: 2.5%;
	position: relative;
	padding-bottom: 56.25%;
}

.pni-iframe-container.pni-gfycat {
	padding-bottom: calc(56.25% + 44px);
}


/* Social Icon Shortcode */
.pni-social-icons li {
	display: inline;
}

.menu-social-links-container .pni-social-icons {
	display: block;
	text-align: center;
	line-height: initial;
	padding-left: 0;
}


/* Social Icon Shortcode - Font Awesome Icons */
.pni-social-icons li a {
	display: inline-block;
	float: none;
	color: transparent;
	font-size: 0;
	padding: 0 10px;
}

.pni-social-icons li a:before {
	font-size: 32px;
	color: rgb(138, 138, 138);
	display: inline-block;
	transition: all 0.5s ease;
}

.pni-social-icons li a:hover:before {
	transform: scale(1.05) translateY(-5px);
}


/* Social Icon Shortcode - Anima Theme Compatibility */
.pni-social-icons.socials a:before {
	background-color: transparent;
}

.pni-social-icons.socials a:hover:before {
	background-color: transparent;
}

.pni-social-icons.socials li a {
	overflow: inherit;
}

.pni-social-icons.socials li a:before {
	width: auto;
	height: auto;
	line-height: 1em;
}


/* Icon Color Overrides */
.pni-social-icons li a[href*="twitter.com"]:before {
	color: #55acee;
}

.pni-social-icons li a[href*="youtube.com"]:before {
	color: #e52d27;
}

.pni-social-icons li a[href*="github.com"]:before {
	color: #000;
}

.pni-social-icons li a[href*="twitch.tv"]:before {
	color: #6441A4;
}


/* Font Awesome Icons */
.pni-social-icons.fab li a[href*="twitter.com"]:before {
	content: "\f099";
}

.pni-social-icons.fab li a[href*="youtube.com"]:before {
	content: "\f167";
}

.pni-social-icons.fab li a[href*="github.com"]:before {
	content: "\f09b";
}

.pni-social-icons.fab li a[href*="twitch.tv"]:before {
	content: "\f1e8";
}

/* Set background image styles for login page */
.login #header-background {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: -98;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.login #header-background:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
}

/* Set font colors for login page, to accomodate dark background */
.login #login #backtoblog a, .login #login #nav a {
	color: #cdcdcd;
}

.login #login #backtoblog a:hover, .login #login #nav a:hover, .login h1 a:hover {
	color: #00adef;
}