.site-title,
.site-title a,
.site-branding h1,
.site-branding h1 a {
    color: #d4a85a !important;
    text-shadow: 0 2px 6px rgba(0,0,0,0.6);
}
text-shadow: 
0 0 12px rgba(0,0,0,0.7),
1px 2px 4px rgba(0,0,0,0.6);

/* 1. Muutetaan se turkoosi lohko tummaksi */
.site-footer {
    background-color: #1a1a1a !important; 
    color: #ffffff !important;
}

/* 2. Tehdään some-ikoneista mustavalkoiset */
.wp-block-social-links img, 
.wp-block-social-links .wp-social-link {
    filter: grayscale(100%) !important;
}

body:not(.overlay-header) .site-content 
/* Taustaväri alkaa*/
{
    background-color: #0b0f14 !important;
}
/* Taustaväri loppuu*/
/* 1. Pakotetaan KAIKKI alatunnisteen osat mustaksi, reunasta reunaan */
.site-footer, 
#colophon, 
.footer-widgets, 
.widget-area, 
.sidebar-container {
    background-color: #1a1a1a !important;
    background-image: none !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* 2. Poistetaan ne turkoosit reunat, jotka näkyvät keskilaatikon ulkopuolella */
body .site-footer {
    background: #1a1a1a !important;
}

/* 3. Poistetaan Twenty Thirteenin "footer-maski" ja koristeviivat */
.site-footer::before,
.site-footer::after {
    display: none !important;
    content: none !important;
}

/* 4. Varmistetaan, että alin info-palkki on samaa sarjaa */
.site-info {
    background-color: #1a1a1a !important;
    max-width: 100% !important;
}
/*Fontit  alkaa*/
body,
.site,
.site-content,
.entry-content,
h1, h2, h3, h4, h5, h6,
.entry-title,
.page-title,
.wp-block-heading {
    color: #e0e0e0 !important;
}
p, li {
    color: #e0e0e0 !important;
}
/* fontit loppuu */

/* Kaikki navigation linkit */
.wp-block-navigation a {
  color: #ffffff !important;
}

/* Submenu container */
.wp-block-navigation__submenu-container a {
  color: #ffffff !important;
}

/* Mobile menu (tää on usein eri) */
.wp-block-navigation__responsive-container a {
  color: #ffffff !important;
}

/* Varalle vielä */
nav a {
  color: #ffffff !important;
}