/* =========================================================
   dilchert.com site styles (child theme)
   Loaded AFTER Twenty Twenty's own styles and its Customizer
   color CSS, so these rules win ties. (Customize > Additional
   CSS still loads after this file and wins over it.)
   ========================================================= */


/*** EASY SETTINGS ***/

:root {
	/* ---- change a value here, save, done. ---- */
	--dc-footer-bg: transparent;   /* FOOTER background: transparent = same as the page background; #ffffff = white */
	/* ------------------------------------------ */
}

/* The footer's text, link and line colors follow the page's own colors
   from Customize > Colors. functions.php fills them in as
   --dc-page-text, --dc-page-secondary, --dc-page-accent,
   --dc-page-borders and --dc-page-bg. */


/*** FONTS ***/

/* Roboto everywhere.
   The @font-face rules are generated by functions.php from the files in
   assets/fonts/roboto/ (self-hosted, no Google requests):
   300, 400, 500, 700 and 900, plus italic 400 and 700.
   Twenty Twenty assigns its own fonts with very specific selectors,
   so !important is needed. Code blocks keep their monospace font. */
body,
body *:not(code):not(pre):not(kbd):not(samp) {
	font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif !important;
}


/*** FOOTER ***/

/* Both footer bars: the menus/widgets area (if used) and the
   copyright bar. Page colors instead of header colors. */
.footer-nav-widgets-wrapper,
#site-footer {
	background-color: var(--dc-footer-bg);
	border-color: var(--dc-page-borders, #dcd7ca);
	color: var(--dc-page-text, #000000);
}

/* Thin line above the footer, so it stays visibly separate from the
   page content now that both share a background (Twenty Twenty does
   the same on its own when the two colors match). Delete this block
   if you prefer no line. */
.footer-top-visible .footer-nav-widgets-wrapper,
.footer-top-hidden #site-footer {
	border-top-style: solid;
	border-top-width: 0.1rem;
}
.footer-top,
.footer-widgets-outer-wrapper {
	border-color: var(--dc-page-borders, #dcd7ca);
}

/* Secondary text: privacy-policy link, "To the top", widget details */
.footer-credits .privacy-policy,
#site-footer .to-the-top,
.footer-widgets .widget .post-date,
.footer-widgets .widget .rss-date,
.footer-widgets .widget cite,
.footer-widgets .widget_archive li,
.footer-widgets .widget_categories li,
.footer-widgets .widget_pages li,
.footer-widgets .widget_meta li,
.footer-widgets .widget_nav_menu li {
	color: var(--dc-page-secondary, #6d6d6d);
}

/* Links in footer menus and widgets: same link color as the page */
.footer-menu a,
.footer-widgets a:where(:not(.wp-block-button__link)),
#site-footer .wp-block-button.is-style-outline {
	color: var(--dc-page-accent, #cd2653);
}

/* Social icons in the footer (the mobile menu's icons are unchanged) */
.footer-nav-widgets-wrapper .social-icons a {
	background-color: var(--dc-page-accent, #cd2653);
	color: var(--dc-page-bg, #ffffff);
}

/* No "Powered by WordPress" */
#site-footer .powered-by-wordpress {
	display: none;
}