@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

/* Activity Presentation */
.activity-section-container {
    .title-container {
        margin-bottom: 32px;
        .small-title {
            text-transform: uppercase;
        }
        .big-title {
            font-size: 38px;
        }
    }
}

.term-modality-select {
    position: absolute;
    top: -2px;
    right: 0;
    max-width: 200px;
    margin: 24px;

    select {
        padding-right: 40px;
    }

    &::after {
        content: "⌵";
        font-size: 24px;
        font-weight: bolder;
        color: #7044e7;
        position: absolute;
        top: calc(50% - 4px);
        right: 16px;
        transform: translateY(-50%);
        pointer-events: none;
    }
}

@media (max-width: 768px) {
    .term-modality-select {
         position: relative;
         margin:0;
         margin-bottom: 16px;
         max-width: unset;
    }
}

.term-content {
    line-height: 1.7em;
    font-weight: lighter;
}

.practical-informations {
    position: sticky ! important;
    top: 2em;

    .estimate-btn {
        width: 300px;
    }
}

.activity-star-container {
    display: flex;
    flex-direction: column;

    span {
        font-size: 28px !important;
    }

    .activity-caption {
        font-size: 12px;
    }
}

@media (max-width: 768px) {
    .activity-section-container {
        .title-container {
            .small-title {
                font-size: 14px;
            }
            .big-title {
                font-size: 24px;
            }
        }
    }
}

/* Funding */
.funding-container {
    background-color: #D9D4FC;
    padding: 60px;
    padding-bottom: 40px;

}

.funding-title {
    font-weight: 300;
    font-size: 38px;
}

.funding-description {
    font-family: "Inter", "Poppins", Helvetica, Arial, sans-serif;
    color: #46494B;
    font-size: 20px;
    width: 50%;
}

.funding-images {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: space-evenly;
    gap: 50px;

    img {
        max-width: 300px;
    }
}

.qualiopi-logo {
    background-color: white;
    padding: 20px 24px;
}

.funding-link {
    max-width: 310px;
}

@media (max-width: 768px) {
    .funding-images {
        flex-direction: column;
        gap: 16px;
        margin-top: 16px;

        .qualiopi-logo {
            order: -1;
        }
    }

    .funding-description {
        width: 100%;
        text-align: left;
    }

    @media (min-width: 769px) {
        .funding-container {
            min-height: calc(100vh - 85px);
        }
    }
}