/**************************************

This file contains style overrides for the preview inside the editor.
Keep it in sync with the styles in style.css.

**************************************/

/*
    Fixed font sizes for different elements across device sizes.
*/
@media only screen and (orientation: landscape) {
    .r-image-text-partial .r-heading-text {
        font-size: 3.7vw;
    }

    .r-image-text-partial .r-heading-text.r-medium-text {
        font-size: 4vw !important;
    }

    .r-image-text-partial .r-heading-text.r-huge-text {
        font-size: 4.3vw !important;
    }
}

@media only screen and (orientation: portrait) {
    .r-image-text-partial .r-heading-text {
        font-size: 3.3vh;
    }

    .r-image-text-partial .r-heading-text.r-medium-text {
        font-size: 3.6vh !important;
    }

    .r-image-text-partial .r-heading-text.r-huge-text {
        font-size: 4vh !important;
    }
}

@media only screen and (aspect-ratio: 1/1) {
    .r-long-text, .r-text, .r-quiz-option-text-container, .r-poll-option-text-container,
    .r-heading-text, .r-quiz-question-text, .r-poll-question-text {
        font-size: 7vh;
    }

    .r-medium-text {
        font-size: 9vh !important;
    }

    .r-huge-text {
        font-size: 10vh !important;
    }

    .r-image-text-partial .r-heading-text {
        font-size: 5vh;
    }

    .r-image-text-partial .r-heading-text.r-medium-text {
        font-size: 5.5vh !important;
    }

    .r-image-text-partial .r-heading-text.r-huge-text {
        font-size: 6vh !important;
    }
}