/* 
Use this file [custom.css] to overwrite the COLORS set in the WordPress Dashboard Customizer
This file can also be used to change the default FONT sizes [See end of file]

Ideally this file should be in a child theme but is here for you to copy to your child theme
WordPress will load the CSS files in the following order:
  1. Parent CCS ~ ./svelte/style.css
  2. Child CSS  ~ ./svelte-child/style.css
  3. Colors from the customizer in the WordPress Dashboard ~ <style>...</style>
  4. Custom CSS ~ ./svelte-child/custom.css or ./svelte/custom.css

Going forward the colours in the WordPress Dashboard Customizer should be more granular.
This will be done in a future enhancement.
*/

/* ----------------------------------------------------------------------------------------------------- */
/* COLORS                                                                                                */
/* ----------------------------------------------------------------------------------------------------- */
/* The theme colors customiser on the dashboard do not work well if you have dark text and a dark footer */
/* Uncomment the lines below to fix this and then change the hex color. Leave the !important tag         */

/* Header and Footer LINK HOVER */
// #navigation li a:hover, #navigation li ul li a:hover,
// #footer-widgets .footer-widget a:hover, .footer-widget p a:hover
// {color: #FFFFFF !important;}

/* Footer Widget TITLE */
// #footer-widgets .footer-widget-title, 
// #footer-bottom, #footer-bottom a, .footer-widget-title
// {color: #FFFFFF !important;}

/* Footer widget TEXT */
// .footer-widget, .footer-widget p
// {color: #FFFFFF !important;}

/* ----------------------------------------------------------------------------------------------------- */
/* FONTS                                                                                                 */
/* ----------------------------------------------------------------------------------------------------- */
/* Uncomment the lines below marked // and change the font size and letter spacing. Leave the !important */
/* If you use a child theme then don't uncomment rather copy and put in your child theme style.css       */

/* Post: TITLE */
// .post-single .post-entry h1
// {font-size: 54px; letter-spacing: -2px;}

/* Post: AUTHOR and DATE */
// .post-single .post-entry .post-meta p
// {font-size: 18px !important; letter-spacing: -0.2px;}

/* Post: BODY TEXT */
// .post-single .post-entry, .post-single .post-entry p
// {font-size: 18px !important; letter-spacing: -0.2px;}

/* Post: BLOCK QUOTE */
// .post-single .post-entry blockquote p
// {font-size: 18px !important; letter-spacing: -1px;}

/* Heading: H3 */ 
// h3.separator, h3#post-single-category, #archive-header #archive-count 
// {font-size: 12px !important;}