@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'Haboro Light Condensed It';
    src: url(fonts/Haboro-LightCondensedItalic.woff2) format("woff2");
    font-style: normal;
}

@font-face {
    font-family: 'Haboro Light';
    src: url(fonts/Haboro-Light.woff2) format("woff2");
    font-style: normal;
}

/* ------------------------------------------------------- */
/* --------------- Quick colours ------------------------- */
/* ------------------------------------------------------- */

body {
	--c3-color-teal: #00384C;
	--c3-color-green: #168782;
	--c3-color-purple: #168782;
	--c3-color-blue: #0079D7;
	--c3-color-red: #CB0052;
	--c3-color-orange: #FE6539;
	--c3-color-yellow: #FB9334;
	--c3-color-environmental-green: #47AD5E;
}



html, body {
    
}

/* Global Styles */

div.container.main-wrapper:has(#c3_header_main) {
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

div.container.main-wrapper:has(#c3_header_main) div.text-block-module {
    padding-top: 0px;
    padding-bottom: 0px;
}


div.container.main-wrapper:has(#c3_header_main) div.module-description {
    width: 100%;
}

div.container.main-wrapper:has(#c3_header_main) header.header-block {
    display: none;
}

div.text-block-module:has(#c3_header_main) {
    display: block;
}

div.text-block-module:has(div#c3_nav_main) {
    display: block;
    position: sticky;
    top: 0;
    min-height: 0px;
    width: 100%;
    padding: 0px;
    z-index: 2;
}

@media only screen and (max-width: 1000px) {
    div.text-image-block:has(div#c3_nav_main) {
        position: relative;
    }
}

div#c3_nav_main {
    display: block;
    text-align: center;
    overflow: scroll;
    overflow-y: hidden;
}

div#c3_nav_main::-webkit-scrollbar {
    display: none;
}

div#c3_nav_main::after {
    content: "";
    display: none;
    width: 25px;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}

@media only screen and (max-width: 1000px) {
    div#c3_nav_main::after {
        display: block;   
    }
}

div#c3_nav_main ul {
    padding-left: 16px;
    padding-right: 16px;
    white-space: nowrap;
    height: 60px;
}

div#c3_nav_main li {
    display: inline-block;
    margin-left: -5px;
    position: relative;
    overflow: hidden;
    margin-bottom: -7px;
    height: 60px;
}

div#c3_nav_main li::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 100%;
    left: 0%;
    background-color: #ffffff;
    transition: all 0.5s ease;
}

div#c3_nav_main li:hover::before {
    top: 0%;
}

div#c3_nav_main li a {
    display: block;
    color: #ffffff;
    padding: 16px;
    padding-top: 0px;
    position: relative;
    transition: all 0.5s ease;
    font-size: 16px;
    text-decoration: none;
    font-weight: 400;
    line-height: 60px;
}

div#c3_nav_main li a:hover {
    color: #000000;
}

div#c3_nav_main li a::after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    background-color: #ffffff;
    height: 100%;
    top: 0%;
    right: 0px;
    opacity: 0.2;
}

div#c3_nav_main li:last-of-type a::after {
    display: none;
}

div#c3_nav_main {
    background-image: linear-gradient(90deg, #00384C, #168782);
}

div#c3_nav_main.c3_nav_home {
    background-image: linear-gradient(90deg, #00384C, #168782);
}

div#c3_nav_main.c3_nav_people {
    background-image: linear-gradient(90deg, #00384C, #168782);
}

div#c3_nav_main.c3_nav_environment {
    background-image: linear-gradient(90deg, #00384C, #168782);
}

div#c3_nav_main.c3_nav_justice {
    background-image: linear-gradient(90deg, #00384C, #168782);
}

div#c3_nav_main.c3_nav_community {
    background-image: linear-gradient(90deg, #00384C, #168782);
}

/*
div#c3_nav_main.c3_nav_people {
    background-image: linear-gradient(90deg, #009a46, #44ae5e);
}

div#c3_nav_main.c3_nav_environment {
    background-image: linear-gradient(90deg, #e65925, #f09043);
}

div#c3_nav_main.c3_nav_justice {
    background-image: linear-gradient(90deg, #0e529c, #2977b8);
}

div#c3_nav_main.c3_nav_community {
    background-image: linear-gradient(90deg, #b0153e, #c70555);
}*/

h2.c3_h2_title {
    display: block;
    position: relative;
    width: 100%;
    max-width: 1260px;
    padding: 32px;
    padding-top: 64px;
    font-size: 60px;
    line-height: 70px;
    text-align: center; 
    margin: auto;
}

@media only screen and (max-width: 800px) {
    h2.c3_h2_title {
        font-size: 50px;
        line-height: 60px;
    }
}

h2.c3_h2_title.c3_h2_title_green {
    color: var(--c3-color-environmental-green);
    font-weight: 200;
}

h2.c3_h2_title.c3_h2_title_orange {
    color: var(--c3-color-orange);
    font-weight: 200;
}

h2.c3_h2_title.c3_h2_title_blue {
    color: var(--c3-color-blue);
    font-weight: 200;
}

h2.c3_h2_title.c3_h2_title_red {
    color: var(--c3-color-red);
    font-weight: 200;
}

div.c3_table {
    display: block;
    position: relative;
    width: 100%;
    max-width: 1252px;
    padding: 32px;
    padding-bottom: 80px;
    padding-left: 16px;
    padding-right: 16px;
    margin: auto; 
    overflow: hidden;
}

@media only screen and (max-width: 800px) {
    div.c3_table {
        overflow: scroll;
    }
}

div.c3_table table {
    font-size: 14px;
    line-height: 20px;
    min-width: 800px;
}

div.c3_table table td {
    padding: 10px;
    vertical-align: top;
    border-right: 0.5px solid #ffffff;
}

div.c3_table table td:nth-child(2) {
    min-width: 250px;
}

div.c3_table table td:last-child {
    min-width: 150px;
}

div.c3_table table td:last-child {
    border-right: 0px solid #ffffff !important;
}

div.c3_table table td span {
    display: inline-block;
    padding: 5px;
    background-color: var(--c3-color-teal);
    color: #ffffff;
    border-radius: 30px;
    padding-left: 13px;
    padding-right: 13px;
}

div.c3_table table td:last-child span {
    background-color: var(--c3-color-green);
}

div.c3_table table thead td {
    font-weight: 700;
    color: #ffffff;
}

div.c3_table table thead tr:nth-child(1) {
    height: 80px;
}

div.c3_table table thead tr:nth-child(2) {
    background-color: var(--c3-color-teal);
    background-image: linear-gradient(90deg, #00384C, #168782);
}

div.c3_table table thead.c3_table_orange tr:nth-child(3) {
    background-color: var(--c3-color-orange);
    background-image: linear-gradient(90deg, #e65925, #f09043);
}

div.c3_table table thead.c3_table_blue tr:nth-child(3) {
    background-color: var(--c3-color-blue);
    background-image: linear-gradient(90deg, #0e529c, #2977b8);
}

div.c3_table table thead.c3_table_green tr:nth-child(3) {
    background-color: var(--c3-color-environmental-green);
    background-image: linear-gradient(90deg, #009a46, #44ae5e);
}

div.c3_table table thead.c3_table_red tr:nth-child(3) {
    background-color: var(--c3-color-red);
    background-image: linear-gradient(90deg, #b0153e, #c70555);
}

div.c3_table table tbody td:first-child {
    font-weight: 700;
}

div.c3_table table tbody tr.c3_tr_1 td {
    background-color: #efefef;
}

div.c3_table table tbody tr.c3_tr_2 td {
    border-right: 1px solid #efefef;
}

div.c3_table table tbody td.c3_table_ongoing {
    padding-left: 44px;
    background-image: url(assets/c3-table-ongoing.svg);
    background-repeat: no-repeat;
    background-position: 10px 10px;
    background-size: 30px;
}

div.c3_table table tbody td.c3_table_time {
    padding-left: 44px;
    background-image: url(assets/c3-table-time.svg);
    background-repeat: no-repeat;
    background-position: 10px 10px;
    background-size: 30px;
}

div.c3_table table tbody td.c3_table_ontrack {
    padding-left: 44px;
    background-image: url(assets/c3-table-ontrack.svg);
    background-repeat: no-repeat;
    background-position: 10px 10px;
    background-size: 30px;
}

div.c3_table table tbody td.c3_table_new {
    padding-left: 44px;
    background-image: url(assets/c3-table-new.svg);
    background-repeat: no-repeat;
    background-position: 10px 10px;
    background-size: 30px;
}