/*
Theme Name: JinJang
Theme URI: https://wordpress.com/theme/jinjang/
Author: Automattic
Author URI: https://automattic.com/
Description: JinJang is a blog theme with a split, 50:50 layout like Yan Yang.
Requires at least: 5.8
Tested up to: 6.3
Requires PHP: 5.7
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: 
Text Domain: jinjang
Tags: blog, two-columns, wide-blocks, block-patterns, featured-images, full-site-editing, rtl-language-support, template-editing, threaded-comments, translation-ready
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1.0px !important;
	text-underline-offset: 1.5px;
}

/*
 * Form field styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
::placeholder {
	color: var(--wp--preset--color--contrast);
	opacity: 1; /* Firefox */
}

/*
 * Button Block
 * Control the hover stylings of outline block style.
 * Unnecessary once block styles are configurable via theme.json
 * https://github.com/WordPress/gutenberg/issues/42794
 */
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover {
	background-color: var(--wp--preset--color--primary);
	border-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--base);
}

/*
 * Pull quote Block
 * Reset the browser default margins for blockquote element
 * https://github.com/WordPress/gutenberg/issues/44129
 */
.wp-block-pullquote blockquote,
.wp-block-pullquote p {
	margin: 0;
}

/*
 * Navigation Block
 * Reset the padding from List block
 * https://github.com/WordPress/gutenberg/issues/50486
 */
.wp-block-navigation ul {
	padding: unset;
}


/* --- static-site build: mobile header height fix ---------------------------
   The theme pins the header group to min-height:100vh with space-between,
   which is the intended full-height sidebar on desktop. Below the WordPress
   782px column-stacking breakpoint that same rule leaves ~490px of empty
   space above the content, so release it on phones only. */
@media (max-width: 781px) {
  header.wp-block-template-part .wp-block-group[style*="min-height:100vh"] {
    min-height: 0 !important;
    padding-top: 1.5rem !important;
    padding-bottom: 2rem !important;
    gap: 2rem;
  }

  /* Homepage sunburst is declared sizes="100vw" at a 701x1024 portrait ratio,
     so on a phone it renders ~470px tall (~56% of the viewport) and pushes the
     wirefeed below the fold. Cap it on phones only; desktop is untouched. */
  main img.wp-image-296 {
    max-height: 30vh;
    width: auto;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}