/**
 * Student Work Module - Styles
 */

.module-studentwork,
.cj-student-work-module-wrap {
    margin: 0 !important;
}

.cj-student-work-row,
.cj-row-has-studentwork {
    padding: 0 !important;
    margin: 0 !important;
}

.cj-student-work-row > .row_inner,
.cj-row-has-studentwork > .row_inner,
.cj-row-has-studentwork > .row_inner > .module_column,
.cj-row-has-studentwork > .row_inner > .tb-column {
    padding: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

@supports selector(:has(*)) {
    .themify_builder_row:has(.module-studentwork),
    .module_row:has(.module-studentwork) {
        padding: 0 !important;
        margin: 0 !important;
    }

    .row_inner:has(.module-studentwork) {
        padding: 0 !important;
        max-width: none !important;
        width: 100% !important;
    }

    .themify_builder_column:has(.module-studentwork),
    .module_column:has(.module-studentwork),
    .tb-column:has(.module-studentwork) {
        padding: 0 !important;
    }
}

.cj-student-work {
    position: relative;
    min-height: var(--cj-sw-min-height, 100vh) !important;
    width: 100%;
    overflow: hidden;
    background-color: var(--cj-sw-bg-color, #0b0a09);
    background-image: var(--cj-sw-image, none);
    background-position: var(--cj-sw-position, center center);
    background-size: var(--cj-sw-fit, cover);
    background-repeat: no-repeat;
    background-attachment: scroll;
    box-sizing: border-box;
    isolation: isolate;
}

.cj-student-work__media {
    display: none;
}

.cj-student-work--bg-fixed {
    background-attachment: fixed;
}

body.themify_builder_active .cj-student-work--bg-fixed,
body.tb_show_guidelines .cj-student-work--bg-fixed {
    background-attachment: scroll;
}

.cj-student-work__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(11, 10, 9, var(--cj-sw-overlay-opacity, 0));
    pointer-events: none;
}

.cj-student-work__img {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.cj-student-work__empty {
    position: relative;
    z-index: 2;
    display: grid;
    min-height: inherit;
    place-items: center;
    padding: 40px;
    color: rgba(245, 242, 236, 0.58);
    font-family: var(--cj-font-body, sans-serif);
    font-style: italic;
    text-align: center;
}

.cj-student-work__torn {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3;
    height: 60px;
    pointer-events: none;
}

.cj-student-work--torn-small .cj-student-work__torn {
    height: 40px;
}

.cj-student-work--torn-large .cj-student-work__torn {
    height: 90px;
}

.cj-student-work__torn-layer {
    position: absolute;
    left: 0;
    right: 0;
    top: -2px;
    bottom: 0;
    background: var(--cj-sw-torn-color, #f5f2ec);
}

.cj-student-work--down-right .cj-student-work__torn-layer {
    clip-path: polygon(0 0, 100% 0, 100% 18%, 0 55%);
}

.cj-student-work--down-left .cj-student-work__torn-layer {
    clip-path: polygon(0 0, 100% 0, 100% 55%, 0 18%);
}

@media (prefers-reduced-motion: reduce) {
    .cj-student-work--bg-fixed {
        background-attachment: scroll;
    }
}

@media (max-width: 768px) {
    .cj-student-work {
        min-height: max(620px, var(--cj-sw-min-height, 100vh)) !important;
    }

    .cj-student-work--torn-small .cj-student-work__torn,
    .cj-student-work__torn {
        height: 36px;
    }

    .cj-student-work--torn-large .cj-student-work__torn {
        height: 58px;
    }
}