/* ........................................*/
/* ........... naviguation.css ............*/
/* ........................................*/


.Standalone ul.Normal li a {
    /*color: #888888;*/
}

    .Standalone ul.Normal li a:hover {
        /*color: #a71d5c;*/
    }


/* top bar */

@media (min-width: 1024px) {
    .main_h::before {
        background-image: url(../images/skin/head.png);
    }

    .main_h {
        top: -10px;
    }
}


a.Button,
.Standalone ul.Normal li.Button a,
input[type="submit"] {
    /*background-color: xx; */
}


    a.Button:hover,
    input[type="submit"]:hover,
    .Standalone ul.Normal li.Button a:hover {
        /*background-color: xx; */
    }





/* ........... H E A D ............ */

.Shade {
    background-blend-mode: luminosity;
    filter: brightness(.55) saturate(20) sepia(50%) hue-rotate(130deg);
}

h1 {
    color: white;
}



/* ........... L O G O  ............ */



.Standalone ul.Core li.Logo a {
    background-image: url(../images/skin/logo_nav_small.svg);
}

@media (min-width: 1024px) {
    .Standalone ul.Core li.Logo a {
        background-image: url(../images/skin/logo_nav_full.svg);
        /*width: xx;*/
    }
}



/* ------------- L I N K S -------------- */


a {
    color: #288e94; /*Hot Pink*/
}

p > a:not(.Button):hover {
    color: #19e3ef; /*Darker hot pink*/
}


/* -------------- B U T T O N S -------------------- */


/* General aspect */

a.Button,
.Standalone ul.Normal li.Button a,
input[type="submit"] {
    background-color: #288e94; /*Hot Pink*/
}

    a.Button:hover,
    input[type="submit"]:hover,
    .Standalone ul.Normal li.Button a:hover {
        background-color: #09cad5; /*Dark Pink*/
    }


.Reverse a.Button:hover,
.Reverse .Standalone ul.Normal li.Button a:hover,
.Reverse input[type="submit"]:hover {
    background-color: #09cad5; /*Neutral 60% */
}





/* Withing paragraphs & nav */


.Reverse p a.Button:hover {
    background-color: #09cad5; /* Theme 70% */
}

p a.Button:hover {
    background-color: #09cad5; /*Hot Pink*/
}