/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

.theme-custom-class {
	background: white;
}

/*Add your own styles here:*/

/*
 * YOKOTATE — WordPress preview parity stylesheet
 * ---------------------------------------------------------------------------
 * Paste into the Enfold CHILD THEME style.css
 * (be/wp-content/themes/enfold-child/style.css).
 *
 * Purpose: make the WordPress preview of property (物件) / Avia-built pages render
 * with the same typography as the live Vue front-end (yokotate.co.jp).
 *
 * IMPORTANT — why every rule is scoped to #wrap_all:
 * The Vue client hard-links this very file globally (nuxt.config.js:
 *   { rel:"stylesheet", href:".../themes/enfold-child/style.css" }),
 * so it loads on EVERY Vue page, including the home page and forms where the
 * bundled wordpress.scss is not present. Unscoped rules (or !important on bare
 * tags) would therefore restyle the Vue app's OWN header/footer/menus/forms.
 *
 * #wrap_all is the WP-content wrapper that exists in BOTH renders:
 *   - WP preview:  body#top > #wrap_all > #main > .avia-section…
 *   - Vue client:  only inside layouts/wp.vue (WP pages); the Vue chrome sits
 *                  OUTSIDE #wrap_all, and default.vue (home/forms) has no
 *                  #wrap_all at all.
 * Scoping here fixes the preview while guaranteeing zero bleed into the Vue UI.
 *
 * These values are lifted from the live stylesheet (assets/wordpress.scss); the
 * measured deltas vs a stock Enfold render were: font-family, base font-size
 * (16px vs 13px) and body-copy colour (#666 vs #000). Structure/layout already
 * matches and is left untouched.
 * ---------------------------------------------------------------------------
 */

/* 1. Base font-size & line-height (matches the live site's Enfold typography) */
#wrap_all h1 { font-size: 24px; }
#wrap_all h2 { font-size: 20px; }

@media only screen and (min-width: 769px) {
	#wrap_all { font-size: 16px; line-height: 1.65em; }

	#wrap_all h1.main-title { font-size: 26px; }
	#wrap_all h1 { font-size: 34px; }
	#wrap_all h2 { font-size: 28px; }
	#wrap_all h3 { font-size: 22px; }
	#wrap_all h4 { font-size: 20px; }
	#wrap_all h5 { font-size: 18px; }
	#wrap_all h6 { font-size: 16px; }

	#wrap_all .av-inherit-size .av-special-heading-tag { font-size: 1.0em; }
	#wrap_all .avia-button.avia-size-medium  { font-size: 16px; }
	#wrap_all .avia-button.avia-size-large   { font-size: 16px; }
	#wrap_all .avia-button.avia-size-x-large { font-size: 17px; }
	#wrap_all td { font-size: 16px; }
	#wrap_all #footer { font-size: 13px; }
}

/* 2. Japanese font family (all breakpoints).
 * :is() keeps the tag list compact; specificity is #wrap_all + one tag, and
 * !important overrides Enfold's default Helvetica stack. Inline serif on the
 * decorative 〚〛 headings still wins (inline !important), so those stay serif —
 * matching the live site. */
#wrap_all,
#wrap_all :is(span, applet, object, iframe, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s,
	samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd,
	ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,
	tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer,
	header, hgroup, menu, nav, output, ruby, section, summary, time, mark,
	audio, video) {
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	font-weight: 400 !important;
}

#wrap_all :is(h1, h2) { font-weight: 400 !important; }

/* Mincho helper used by some decorative content blocks */
#wrap_all .minchotai,
#wrap_all .minchotai * {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
	font-weight: 900 !important;
}

/* 3. Base body-copy colour (#666) for main-content sections */
#wrap_all .main_color { color: #666666; }