@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap);

:root {
    --main-color: #006563;
    --dark-color: #003938;
    --secondary-dark-color: #13ba80;

    --dark-color-rgb: 0, 57, 56;
    --secondary-dark-color-rgb: 19, 186, 128;

    --bs-link-color-rgb: var(--secondary-dark-color-rgb);
    --bs-link-opacity: 1;
    --bs-link-hover-color-rgb: var(--dark-color-rgb);

    --font-family: 'Source Sans Pro', sans-serif;
    --font-family-heading: 'Source Sans Pro', serif;

    --about-link: var(--secondary-dark-color);
    --landing-vocabulary-list-link: var(--secondary-dark-color);
    --main-content-link: var(--secondary-dark-color);
    --sidebar-link: var(--secondary-dark-color);
}

#skosmos-logo:before {
    --logo-height: 80px; /* 59px */
    --logo-width: calc(var(--logo-height) * 63/59); /* 63px */
    --logo-url: url(../pics/logo.svg);
    color: var(--main-color);
}

#skosmos-logo-top:before {
    --logo-height: 50px; /* 37px */
    --logo-width: calc(var(--logo-height) * 40/37); /* 40px */
    --logo-url: url(../pics/logo_blanc.svg);
    color: var(--topbar-text-2);
}

#skosmos-logo:before, #skosmos-logo-top:before {
    background-image: var(--logo-url);
    background-repeat: no-repeat;
    background-size: var(--logo-width) var(--logo-height);
    display: block;
    width: var(--logo-width);
    height: var(--logo-height);
    padding-left: calc(var(--logo-width) * 1.1);
    content: "Concept";
    font-family: "Source Sans Pro";
    font-weight: bold;
    font-size: calc(var(--logo-height) * 0.7);
    line-height: var(--logo-height);
}

#skosmos-logo, #skosmos-logo-top {
    background-image: none;
    width: initial;
    height: initial;
    text-decoration: none;
}

.landing-end-welcome h3 i {
    position: relative;
    top: 0.45rem;
}

footer .footer-wrapper ul {
    list-style-type: none;
    padding-left: 0;
}

footer .footer-wrapper ul li i {
    position: relative;
    top: 0.15rem;
}
