/*!
    Theme Name: Green Child
    Description: Tema figlio di Green per baobabmedia.it. Contiene le personalizzazioni CSS e la palette Baobab Media.
    Author: Baobab Media
    Template: green
    Version: 1.0.0
    Text Domain: green-child
*/

/*
 * Palette Baobab Media
 * --------------------------------------------------------------
 * #479E99  Verde di marca  - logo, decorazioni, titoli grandi,
 *                            fondi con testo scuro sopra.
 *                            (3,17:1 su bianco: AA solo per testo grande
 *                            e pulsanti, NON per il testo normale)
 * #377B77  Link, testo corrente e qualsiasi fondo con testo bianco
 *                            sopra. (4,93:1 su bianco: AA testo normale)
 * #2E6662  Header pieni, massimo contrasto.
 * #675F58  Grigio-bruno secondario (dal logo).
 * --------------------------------------------------------------
 */

.footer-text {
    color: #ffffff;
}

.footer-text a:hover {
    text-decoration: underline;
    color: #479E99;
}

.home .page-content article:first-child {
    padding-top: 30px !important;
}

.gte:before {
    bottom: 2px;
}

.gte a {
    color: #333333;
}

.gte a:hover {
    color: #377B77;
}

@media (min-width: 768px) {
    .gtf:before {
        top: 41px;
    }
}

@media (min-width: 768px) {
    body ul > li {
        margin-bottom: 0px;
    }
}

.main-menu a {
    color: #333333;
    font-weight: bold;
}

.main-menu a:hover {
    color: #ffffff;
}

.post-content-cnt h2, .post-content-cnt h3 {
    font-weight: 600 !important;
}

h3 {
    font-size: 1.3rem;
}

.post-content-cnt li {
    font-size: 1.1rem;
    margin-bottom: 1.5rem !important;
}

.logo a {
    font-weight: 600;
}

@media (max-width: 768px) {
    .menu-main-menu-container {
        height: 100%;
    }
}

/* ==================================================================
 * Override palette tema padre
 * Il tema padre "green" usa due tonalità del vecchio verde:
 *   - #96e363 in style.css  (link e pulsanti)
 *   - #97e364 in theme.css  (decorazioni, header, menu, paginazione)
 * Qui vengono rimappate sulla palette Baobab Media secondo il contrasto:
 *   - #479E99  fondi/decorazioni con testo SCURO sopra (verde di marca)
 *   - #377B77  testo/link verdi su bianco e fondi con testo BIANCO sopra
 * ================================================================== */

/* --- style.css: link e pulsanti --- */
a {
    color: #377B77;
}

button,
[type="submit"],
[type="button"] {
    color: #377B77;
    border-color: #377B77;
}

button:hover,
button:focus,
[type="submit"]:hover,
[type="submit"]:focus,
[type="button"]:hover,
[type="button"]:focus {
    background-color: #377B77;
}

/* --- theme.css: decorazioni e fondi con testo scuro sopra --- */
.gte::before,
.gtf::before {
    background: #479E99;
}

.btn {
    background: #479E99;
}

.main-menu a:hover,
.main-menu a:focus {
    background: #377B77;
    color: #ffffff;
}

header {
    border-top-color: #479E99;
}

header .menu-menu_categorie-container .menu > li {
    border-bottom-color: #479E99;
}

.navigation li.active a {
    background-color: #479E99;
}

@media (min-width: 768px) {
    .navigation li a:hover {
        background: #479E99;
    }
}

/* --- theme.css: voci del sottomenu in hover --- */
.main-menu ul li:hover .sub-menu li a:hover {
    background: #377B77;
    color: #ffffff !important;
}