@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Raleway:wght@400;700&display=swap');

:root {
    --my-bg-color-primary: #007d44;
    --my-bg-color-col: #14C978;
    --my-color-text: #333333;
    --bg-color-footer: #262626;
}
h1, h2, h3, h4, h5, h6, p {
    font-family: 'Raleway', sans-serif ;
}
.my-bg-color-top-header {
    background-color: var(--my-bg-color-primary);
}
.my-text-top-header {
    color: white;
    font-size: 0.875rem;
    font-family: 'Raleway', sans-serif ;
}
.my-text-top-header a {
    color: white;
    font-family: 'Raleway', sans-serif ;
}

/* menu */
.nav-link {
    font-family: 'Raleway', sans-serif ;
    padding:1rem 1rem !important;
}

/* END menu */
header i {
    padding: 0 0.4rem;
    font-size: 95%;
}
    .carousel-caption {
        bottom: 17rem !important;
        background-color: rgba(255, 255, 255, 0.3);
    }

/* Elenco aree */
.my-bg-title {
    /* background-color: var(--my-bg-color-primary) !important; */
    color:var(--my-color-text);
    font-size: 1.3rem;
}

.my-custom-col h3 {
    background-color:var(--my-bg-color-col);
    color:white;
    font-size: 1.15rem;
    font-weight: 700;
}
.my-name-path i {
    font-size: 1.15rem;
    color: gray;
}
.my-name-path h4 {
    font-size: 1rem;
    color: var(--my-color-text);
}
.my-link-itin {
    text-decoration: none;
}

/* END Elenco aree */

/* Scheda itinerario */
.my-titolo-itinerario {
    background-color: var(--my-bg-color-primary);
    color: white;
}
.my-spazio-legenda {
    margin-top: 8.7rem;
    margin-bottom: 2rem;
    background-color: var(--my-bg-color-col);
    color: white;
}
.my-voce-legenda {
    font-size: 0.9  rem;
}
/* footer */
.my-bg-color-footer {
    background-color: var(--bg-color-footer);
    padding:2rem 0;
}
.my-col-footer-1 p {
    color:white !important;
}
.my-col-footer-1 h6 {
    color:white !important;
}
.my-col-footer-1 h5 {
    color:white !important;
}