:root {
	/* Generic colors */
	--dtl-rouge: #facc15;
	--dtl-dark: #1f1f1f;
	--dtl-wp-blue: #285bff;
	--dtl-wp-grey: #f1f1f1;
	--dtl-wp-light-grey: #f9f9f9;
	--dtl-line-color: #d3d8dc;
}

/* FS notices */
.fs-notice.fs-slug-spotlight-social-photo-feeds {
	color: #000;

	/* The plugin name underneath FS notices */
	.fs-plugin-title {
		background: var(--dtl-rouge);
	}
}

/* Hide notification pills in the admin menu (they wrap into their own line) */
#adminmenu {
	li > a.toplevel_page_spotlight-instagram .wp-menu-name span.update-plugins {
		display: none;
	}
}

#wpbody {
	#fs_connect {
		margin: 10% auto;
		border-radius: 6px;
		padding-bottom: 30px;

		.fs-box-container {
			padding-top: 30px;
			background: #fff;
			box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
			border-radius: 7px;
		}

		.fs-visual {
			margin-top: 10px;
			background: transparent;
		}

		.fs-actions {
			background: transparent;
		}

		> .fs-header > .fs-plugin-icon {
			top: -44px !important;
			box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.25);
		}

		.fs-content .fs-license-key-container {
			margin-top: 25px;
		}

		.fs-permissions {
			padding-top: 20px;
			padding-bottom: 20px;
			background: #fff;
		}

		.fs-actions {
			background: #fff;
		}

		.fs-freemium-licensing {
			color: inherit;
			background: var(--dtl-wp-grey);
			padding: 12px 0;

			a {
				color: var(--dtl-wp-blue);
			}
		}

		.fs-terms {
			padding: 15px 5px;
		}
	}
}
