/*
 * Divi CSS parity snapshot for the native homepage/members templates.
 *
 * Divi Builder normally generates a per-page CSS file at render time,
 * with auto-numbered classes (et_pb_row_1, et_pb_section_3, ...) each
 * carrying that row's actual custom_padding/border_width_bottom/button
 * settings. Native templates (front-page.php, page-members.php) bypass
 * Divi Builder entirely, so that per-page CSS never gets generated.
 *
 * Rather than reverse-engineering these values from computed styles,
 * this file is a direct copy of the real rules, captured from
 * dance-teacher.com's rendered <style> blocks (view-source + `wp post
 * get 8/100101 --field=post_content` via SSH to cross-reference row
 * order against the numbered classes Divi assigned). The row/section
 * numbering is deterministic Divi Builder behavior: 0-indexed in
 * document order, skipping only sections with disabled="on" entirely
 * (Dance Teacher Awards, Covid-19 on the homepage) while display:none
 * sections (tde-widget) still consume a number.
 *
 * Regenerate by re-running the capture (curl/browser fetch of the
 * production page's <style> tags, filtered to selectors matching
 * /et_pb_(row|section|button)_\d+(?![\w-])/) if the section order in
 * inc/section-config.php or the raw Divi post_content ever changes.
 *
 * Scoped by the standard WP body classes (`home`, `page-id-100101`)
 * since Divi numbers each page independently - the same number means
 * different content (and different rules) on each page.
 */

/* Shared base rules Divi applies regardless of page (not per-instance
   numbered, but also never loaded for native templates since they're
   part of Divi Builder's own generated CSS, not the static stylesheet).
   Deliberately only sets top/bottom, not the `padding` shorthand:
   style.css has @media(max-width:1300px){.et_pb_row{padding-left:15px;
   padding-right:15px}} for side breathing-room on narrower screens -
   production's own version of this exact rule is also just
   `.et_pb_row{padding:2% 0}` (same shorthand), but at equal
   specificity to that media-query rule, so cascade order (not
   specificity) lets the responsive padding win there. Scoping this
   rule under .dt-native-template raises its specificity above the
   plain .et_pb_row media-query rule, which broke that override -
   avoided entirely by never touching left/right here. */
.dt-native-template .et_pb_row {
	padding-top: 2%;
	padding-bottom: 2%;
}
.dt-native-template .et_pb_with_border {
	position: relative;
	border: 0 solid #333;
}

/* ===================== Homepage (post 8) ===================== */

/* row_0: Ad Slot (mobile-only, pre-hero) */
body.home .dt-native-template .et_pb_row_0.et_pb_row {
	padding-bottom: 0px !important;
}
/* rows 1,2,3,4,5,7,8,10,11,13,14: bordered dividers.
   6 (Teacher Stories' mobile-ad row) and 9 (tde-widget, not rendered)
   are intentionally absent - no border in the original. */
body.home .dt-native-template .et_pb_row_1,
body.home .dt-native-template .et_pb_row_2,
body.home .dt-native-template .et_pb_row_3,
body.home .dt-native-template .et_pb_row_4,
body.home .dt-native-template .et_pb_row_5,
body.home .dt-native-template .et_pb_row_7,
body.home .dt-native-template .et_pb_row_8,
body.home .dt-native-template .et_pb_row_10,
body.home .dt-native-template .et_pb_row_11,
body.home .dt-native-template .et_pb_row_13,
body.home .dt-native-template .et_pb_row_14 {
	border-bottom-width: 1px;
}
/* row_12: Show More */
body.home .dt-native-template .et_pb_row_12.et_pb_row {
	padding-top: 0px !important;
}
/* row_15: Teaching Tips - no border, but an explicit bottom override */
body.home .dt-native-template .et_pb_row_15.et_pb_row {
	padding-bottom: 50px !important;
}
/* section_6: Teacher Stories (2 rows share this section) */
body.home .dt-native-template .et_pb_section_6.et_pb_section {
	margin-bottom: 0px;
}
/* Music module (et_pb_text_10 in Divi's numbering) had an explicit
   custom_margin="|||36px|false|false" (left only) - this is the gap
   between the News and Music flex columns. */
body.home .dt-native-template #home-music {
	margin-left: 36px !important;
}

/* "MORE" button (Divi Button module, custom_button="on") */
body.home .dt-native-template .et_pb_button_0_wrapper .et_pb_button_0,
body.home .dt-native-template .et_pb_button_0_wrapper .et_pb_button_0:hover {
	padding: 10px 60px !important;
}
body.home .dt-native-template .et_pb_button_0 {
	color: #ffffff !important;
	border-width: 0px !important;
	font-size: 18px;
	font-family: 'Proza Libre', sans-serif !important;
	background-color: #6d8828;
	transition: all 300ms ease 0ms;
}
body.home .dt-native-template .et_pb_button_0:after {
	font-size: 1.6em;
	display: inline-block;
	opacity: 0;
	transition: all 300ms ease 0ms;
}
body.home .dt-native-template .et_pb_button_0:hover:after {
	opacity: 1;
}

/* ===================== Members (post 100101) ===================== */

/* section_0: member header block - only bottom is zeroed */
body.page-id-100101 .dt-native-template .et_pb_section_0.et_pb_section {
	padding-bottom: 0px;
}
/* et_pb_text_0: the header module itself (logo h1 + subtitle text) */
body.page-id-100101 .dt-native-template .et_pb_text_0.et_pb_text {
	color: rgba(0,0,0,0.63) !important;
}
body.page-id-100101 .dt-native-template .et_pb_text_0 {
	font-weight: 800;
	font-size: 18px;
}
body.page-id-100101 .dt-native-template .et_pb_text_0 h1 {
	color: #6d8828 !important;
}
/* row_0: member header row */
body.page-id-100101 .dt-native-template .et_pb_row_0.et_pb_row {
	padding-top: 2% !important;
	padding-bottom: 0px !important;
}
/* row_1: hero row - no border on this page, just a bottom override */
body.page-id-100101 .dt-native-template .et_pb_row_1.et_pb_row {
	padding-bottom: 1% !important;
}
/* rows 2-10: Ad Slot + the 8 category rows, all bordered */
body.page-id-100101 .dt-native-template .et_pb_row_2,
body.page-id-100101 .dt-native-template .et_pb_row_3,
body.page-id-100101 .dt-native-template .et_pb_row_4,
body.page-id-100101 .dt-native-template .et_pb_row_5,
body.page-id-100101 .dt-native-template .et_pb_row_6,
body.page-id-100101 .dt-native-template .et_pb_row_7,
body.page-id-100101 .dt-native-template .et_pb_row_8,
body.page-id-100101 .dt-native-template .et_pb_row_9,
body.page-id-100101 .dt-native-template .et_pb_row_10 {
	border-bottom-width: 1px;
}