<?php
/* Custom Colors: Escutcheon */

//Background
add_color_rule( 'bg', '#3e4244', array(
	array( 'body, button, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], select, textarea, #infinite-footer, #infinite-footer .container', 'background-color' ),
	array( '.main-navigation ul ul, .single .entry-meta:before, .site-title:after, .comments-area:after, .comments-area:before, .site-footer:before, .page-header:after', 'background-color', '-0.75' ),
	array( '.main-navigation ul ul > li:first-of-type:before', 'border-bottom-color', '-0.75' ),
	array( '.highlander-dark #respond #comment-form-identity, .highlander-dark #respond #comment-form-comment, .highlander-dark #comment-form-share-text-padder, .highlander-dark #respond .comment-form-fields div.comment-form-input', 'background-color' ),
	array( 'blockquote, q, input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], select, textarea, input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], .comments-area .comment-list > .parent, th, td', 'border-color', '-0.75' ),
	array( 'input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea, input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"]', 'color', '-0.75' ),
	array( '.highlander-dark #respond #comment-form-comment, .highlander-dark #respond #comment-form-comment.active, .highlander-dark #comment-form-share-text-padder:active, .highlander-dark #respond .comment-form-fields div.comment-form-input', 'border-color', '-0.75' ),
) );

add_color_rule( 'txt', '#66c0ec', array(
	array( 'a, a:visited, a:hover, .comments-area .comment-reply-link, .comments-area .comment-reply-link:visited, .entry-meta a:hover, .entry-footer a:hover, .comments-area .comment-meta a:hover', 'color', 'bg' ),

	array( '.jetpack-social-navigation a:hover, .site-title, .site-title a:hover, .site-title a:visited, .entry-title a, .entry-title a:visited, .entry-title', 'color', 'bg', 2 ),

	array( '.comment-navigation a, .posts-navigation a, .post-navigation a, button, input[type="button"], input[type="reset"], input[type="submit"], button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button, input[type="button"], input[type="reset"], input[type="submit"], button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button, input[type="button"], input[type="reset"], input[type="submit"], button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, #infinite-handle span, #infinite-handle span:hover', 'border-color' ),

	array( '.comment-navigation a:hover, .posts-navigation a:hover, .post-navigation a:hover', 'background-color' ),
	array( '.main-navigation a:after, .entry-title a:after, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover', 'background-color' ),
),
__( 'Headings & Links' ) );


// Unused rules
add_color_rule( 'link', '#ffffff', array(
) );

add_color_rule( 'fg1', '#ffffff', array(
) );

add_color_rule( 'fg2', '#ffffff', array(
) );


//Extra rules

add_color_rule( 'extra', '#ffffff', array(
	array( '.comment-navigation a:hover, .posts-navigation a:hover, .post-navigation a:hover, .comment-navigation a:hover:visited, .posts-navigation a:hover:visited, .post-navigation a:hover:visited, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover', 'color', 'txt' ),
	array( '#infinite-footer, #infinite-footer .container, button, input[type="button"], input[type="reset"], input[type="submit"], .highlander-dark #respond #comment-form-comment textarea, .highlander-dark #comment-form-share-text-padder textarea, .highlander-dark #respond .comment-form-fields div.comment-form-input', 'color', 'bg' ),
) );

add_color_rule( 'extra', '#eeeeee', array(
	array( 'body, button, input, select, textarea, .blog .entry-title a:hover, .archive .entry-title a:hover, .search .entry-title a:hover, h3.sd-title, .main-navigation a:hover, .main-navigation a:visited:hover, #infinite-handle span', 'color', 'bg' ),
) );

add_color_rule( 'extra', '#aaaaaa', array(
	array( '.highlander-dark #respond label, .highlander-dark #respond .comment-form-service a, .highlander-dark #respond .comment-form-fields p.comment-form-posting-as, .highlander-dark #respond .comment-form-fields p.comment-form-log-out', 'color', 'bg' ),
	array( '.comment-navigation a, .posts-navigation a, .post-navigation a, .comment-navigation a:visited, .posts-navigation a:visited, .post-navigation a:visited', 'color', 'bg' ),
	array( '.entry-meta a, .entry-footer a, .entry-meta a:visited, .entry-footer a:visited, .entry-meta, .entry-footer, .main-navigation a, .main-navigation a:visited, .comments-area .comments-title, .comments-area .comment-meta a, .comments-area .comment-meta a:visited, .comments-area .comment-meta, .site-footer a, .site-footer a:visited, .page-title', 'color', 'bg' ),
	array( 'input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus', 'border-color' ),
	array( 'input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus', 'color', 'bg' ),
) );

add_color_rule( 'extra', '#666666', array(
	array( '#infinite-footer .blog-info a, #infinite-footer .blog-credits a, #infinite-footer .container .blog-info a, #infinite-footer .container .blog-credits a, #infinite-footer .blog-info a:hover, #infinite-footer .blog-credits a:hover, #infinite-footer .container .blog-info a:hover, #infinite-footer .container .blog-credits a:hover', 'color', 'bg' ),
) );

//Extra CSS to force submenu backgrounds transparent on small screens
function escutcheon_extra_css() { ?>
	.highlander-dark #respond #comment-form-comment textarea,
	.highlander-dark #comment-form-share-text-padder textarea,
	#respond #comment-form-comment,
	#comment-form-share-text-padder,
	.highlander-dark #respond .comment-form-service,
	.highlander-dark #respond .comment-form-fields div.comment-form-input {
		text-shadow: none !important;
		box-shadow: none !important;
	}
	.highlander-dark #respond #comment-form-comment,
	.highlander-dark #respond #comment-form-comment.active,
	.highlander-dark #comment-form-share-text-padder:active {
		border: 4px solid;
	}
	.highlander-dark #respond #comment-form-identity {
		border-top: 0;
	}

	.jetpack_widget_social_icons a:hover,
	.widget_wpcom_social_media_icons_widget a:hover {
		color: inherit;
	}

	@media screen and ( max-width: 50em ) {
		.main-navigation ul ul {
			background-color: transparent !important;
		}
	}

<?php }
add_theme_support( 'custom_colors_extra_css', 'escutcheon_extra_css' );

//Additional palettes

add_color_palette( array(
    '#ffffff',
    '#e2632a',
), 'Light Orange' );

add_color_palette( array(
    '#333333',
    '#d1e751',
), 'Dark Lime' );

add_color_palette( array(
    '#ffffff',
    '#20a6e8',
), 'Light Blue' );

add_color_palette( array(
    '#f5f1ef',
    '#663a37',
), 'Vintage Light' );

add_color_palette( array(
    '#3f3130',
    '#6fb3aa',
), 'Vintage Dark' );

add_color_palette( array(
    '#413e4a',
    '#a86b96',
), 'Dark Purple' );