/* Colour codes for the site */

:root {
    --off-white: #ffffffc7; /* var(--off-white);*/
    --black: #111111;
  --red: #C8102E;
    --blue: #012169;
    --dark-grey: #5A5A5A;
    
    --logo-blue:#081e6b;
}

    body {
        background: #cbcaca26;
        color: var(--black);
    }
    
header{
    color: white;
    background: var(--logo-blue);
}

footer .fullwidth:has(#Contact) {
    background:white;
    padding:0;
    
}

#Contact {
    border-top: 1px solid #eee;
    box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.1); /* Subtle shadow at the very top */
    background-color: #ffffff;
}

nav li a:hover {
    border-bottom:1px solid white;
    color:white;
    opacity:0.9;
}

header button:hover {
    opacity:0.9;
}


button:hover:not(header button) {
    background:black;

}



/*#Contact {
    
    /*border-top:#e5e7eb!important;
    border-bottom:#e5e7eb!important;
    background:linear-gradient(180deg, rgba(1, 33, 105, 0.045), rgba(1, 33, 105, 0.025));;
}*/

footer:not(footer .fullwidth:has(#Contact)) {
    background:black;
    color:white;
}


button, .wp-block-button__link{
    background:var(--red);
    color:white;
    font-weight:650;
}

    button.no-background {
        background: transparent;
        border: 1.5px solid #0121694d;
        color:var(--blue);
        font-weight:normal;
    }

        button.no-background:hover {
            background:var(--blue);
            color:white;
        }

        p {
            color: var(--dark-grey);
        }
        
        #About em, #Contact em {
            color:var(--red);
        }


#Contact {
    background:linear-gradient(180deg, rgba(1,33,105,0.045), rgba(1,33,105,0.025));
}