/* Color definitions */

:root {
    --c-ocean: #0f1e50;
    --c-arctic: #00afb9;
    --c-coral: #eb5e64;
    --c-seagrass: #a0c819;
    --c-azure: #5a78be;
    --c-grey-1: #6c6c6c;
    --c-grey-2: #ededed;
    --c-grey-3: #f6f6f6;

    --c-blue-miningimpact: #0e5c8a;
    --c-lightblue-miningimpact: #a4bed9;
    --c-green-miningimpact: #66969b;
    --c-yellow-miningimpact: #c2c52e;

    --s-gap: 1.5rem;   
}

/* Nice font for the body text */
body{
    font-family: "PT Sans";
    font-weight: normal;
    min-height: 100%;
}

/* Headings get a special font */
h1{
    font-family: "Montserrat", sans-serif;
    text-align: center;
    font-weight: 800;
    color: var(--c-blue-miningimpact);
}

h2,h3,h4,h5{
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    color: var(--c-blue-miningimpact);
    text-align: center;
}

/* Make links blue and bold */
a {
    color: var(--c-blue-miningimpact);
    text-decoration: none;
    font-weight: bold;
}

a:hover{
    color: var(--c-green-miningimpact);
}

/* Menu links also get the nice font */
a.menu-link{
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
}

/* Logo size */ 
#logo{
    margin-top: -2.5em;
    height: 5em;
    object-fit: contain;
}

#hero>img{
    width: 100%;
    object-fit: contain;
    /*margin-top: -20px;*/
}

/* Menu styling */
#menuheader{
    margin-left: 1.5em;
    margin-right: 1.5em;
    margin-bottom: var(--s-gap)
}

#footer{
    background-image: url("logos/footer_jpio.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    width: 100vw;
    min-height: 5em;
}

#footer>img{
    width: 100%;
    object-fit: contain;
    /*margin-top: -20px;*/

}

img{
    max-width: 100%;
    object-fit: contain;
}

table{
    border-collapse: collapse;
}

tr{

}

td, th{
    border: 1px solid var(--c-lightblue-miningimpact);
    padding: var(--s-gap);
    text-align: center;
}

th{
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    color: var(--c-blue-miningimpact);
}

td>img{
    max-height: 5em;
}