
@media all and (max-width: 1280px) {

    /* login */

    body.auth form {
        padding: 4rem 1rem;
        width: calc(100% - 2rem);
    }

    body.auth form label input {
        width: calc(100% - 1.2rem);
    }

    body.auth form #submit {
        margin-bottom: 3rem;
    }

    body.auth form a.back-to-home {
        margin-top: 1rem;
    }

    /* dashboard - general */

    header div.current-user a span {
        display: none;
    }

    body.app > main {
        margin-top: 1rem;
    }

    body.app > main > h1 {
        font-size: 220%;
        padding-left: 1rem;
    }

    body.app main > section, body.app main > #researchContainer section, body.app main > div.sections-container section {
        padding: 2rem 1.4rem;
        border-radius: 0;
        margin-bottom: 1rem;
    }

    /* modules and materials list */

    section.module .materials .material .call-to-action {
        display: block;
    }

    /* questionnaire modal */

    div.questionnaire-modal {
        width: calc(100% - 2rem);
    }

    /* Profile */

    main.profile section.change-password-section {
        flex-direction: column;
        gap: 2rem;
    }

    /* Announcements */

    #announcementsContainer {
        padding-bottom: 4rem;
    }

    /* Chat */

    #chatMessagesContainer {
        max-height: calc(60vh - 2rem);
        height: 30rem;
        padding: 0.6rem;
    }

    #chatMessagesContainer div.msg .content {
        font-size: 0.9rem;
        line-height: 1.1;
    }

    #chatMessagesContainer div.msg .avatar-container {
        margin-right: 0.3rem;
    }

    #chatForm {
        display: flex;
        flex-direction: row;
        gap: 0.5rem;
    }

    #chatForm input[type=text] {
        flex-grow: 1;
        margin-right: 0;
    }

    #chatForm input[role=send] {
        color: transparent;
        white-space: nowrap;
        overflow: hidden;
        font-size: 0;
        width: 2.35rem;
        border-radius: 50%;
        background-image: url("../../img/icons/send_white.7083f749295a.svg");
        background-size: 1.5rem;
        background-repeat: no-repeat;
        background-position: 65% 50%;
    }

    /* Questionnaires */

    .questionnaire-container div.item div.answers.inline .answer-container {
        display: block;
    }

    .questionnaire-container div.item-multi-text-scale .answer {
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .questionnaire-container div.item-multi-text-scale .answer input[type=text] {
        width: 100%;
        max-width: none;
    }

    .questionnaire-container div.item-multi-text-scale .answer .scales .scale {
        flex-direction: column;
        gap: 0;
        padding-left: 1rem;
    }

    .questionnaire-container div.item-multi-text-scale .answer .scales .scale:not(:last-child) {
        padding-bottom: 0;
        margin-bottom: 1rem;
    }

    .questionnaire-container div.item-multi-text-scale .answer .scales .scale .scale-question {
        width: 100%!important;
    }

    .calendly-dialog {
        height: calc(100vh - 3rem);
    }

    .calendly-dialog .description {
        font-size: 0.9rem;
        line-height: 1.15;
    }

    .calendly-dialog .content {
        flex-grow: 1;
        margin-left: -0.8rem;
        margin-right: -0.8rem;
        min-height: 0;
    }

}
