.elementor-3121 .elementor-element.elementor-element-7c0986b6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:00px 00px;--row-gap:00px;--column-gap:00px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3121 .elementor-element.elementor-element-7c0986b6:not(.elementor-motion-effects-element-type-background), .elementor-3121 .elementor-element.elementor-element-7c0986b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-3121 .elementor-element.elementor-element-17564076{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3121 .elementor-element.elementor-element-17564076:not(.elementor-motion-effects-element-type-background), .elementor-3121 .elementor-element.elementor-element-17564076 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-46838d4 );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}body:not(.rtl) .elementor-3121 .elementor-element.elementor-element-ec42452{left:0px;}body.rtl .elementor-3121 .elementor-element.elementor-element-ec42452{right:0px;}.elementor-3121 .elementor-element.elementor-element-ec42452{top:0px;z-index:0;}.elementor-3121 .elementor-element.elementor-element-7118b0b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:30px;--padding-right:30px;--z-index:5;}.elementor-3121 .elementor-element.elementor-element-7118b0b:not(.elementor-motion-effects-element-type-background), .elementor-3121 .elementor-element.elementor-element-7118b0b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d31e42b );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-3121 .elementor-element.elementor-element-32beeeb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 28px) 0px;padding:0px 0px 0px 0px;--e-icon-list-icon-size:33px;--e-icon-list-icon-align:left;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.25) 0 0;--icon-vertical-align:flex-start;--icon-vertical-offset:0px;}.elementor-3121 .elementor-element.elementor-element-32beeeb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-3121 .elementor-element.elementor-element-32beeeb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-3121 .elementor-element.elementor-element-32beeeb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-3121 .elementor-element.elementor-element-32beeeb .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-3121 .elementor-element.elementor-element-32beeeb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-3121 .elementor-element.elementor-element-32beeeb .elementor-icon-list-icon i{color:#00000000;transition:color 0.3s;}.elementor-3121 .elementor-element.elementor-element-32beeeb .elementor-icon-list-icon svg{fill:#00000000;transition:fill 0.3s;}.elementor-3121 .elementor-element.elementor-element-32beeeb .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-3121 .elementor-element.elementor-element-32beeeb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-3121 .elementor-element.elementor-element-32beeeb .elementor-icon-list-item > a{font-family:"PP Neue Montreal", Sans-serif;font-size:18px;font-weight:400;line-height:25px;}.elementor-3121 .elementor-element.elementor-element-32beeeb .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}@media(max-width:767px){.elementor-3121 .elementor-element.elementor-element-7118b0b{--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}}/* Start custom CSS for image, class: .elementor-element-ec42452 */.mf-image-overlay {

  position: relative;

  overflow: hidden;

}

.mf-image-overlay img {

  display: block;

  width: 100%;

  height: auto;

}

.mf-image-overlay::after {

  content: "";

  position: absolute;

  inset: 0;

  z-index: 2;

  pointer-events: none;

  background: linear-gradient(

    180deg,

    rgba(0, 0, 0, 0.45) 0%,

    rgba(0, 0, 0, 0.45) 50%,

    rgba(0, 0, 0, 0.9) 100%

  );

}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f17f623 */.mf-class-instructors {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.mf-class-instructor {
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

.mf-class-instructor-image-wrap {
    width: 160px;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.mf-class-instructor-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mf-class-instructor-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mf-class-instructor-name {
    color: var(--Color-Primary-Black, #000);

    /* Headline/H7 */
    font-family: var(--Font-Family-Primary, "PP Neue Montreal");
    font-size: var(--Font-Size-H7, 22px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--Font-Line-height-26px, 26px);
}

.mf-class-instructor-label,
.mf-class-instructor-name-text {
    display: inline;
}

.mf-class-instructor-label:not(:empty)::after {
    content: " ";
}

.mf-class-instructor-bio {
    color: var(--Color-Primary-Black, #000);

    /* Body/B3 */
    font-family: var(--Font-Family-Primary, "PP Neue Montreal");
    font-size: var(--Font-Size-B3, 18px);
    font-style: normal;
    font-weight: 450;
    line-height: var(--Font-Line-height-25px, 25px);
}

.mf-class-instructor-bio p {
    margin: 0 0 1em;
}

.mf-class-instructor-bio p:last-child {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .mf-class-instructor {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .mf-class-instructor-image-wrap {
        width: 100%;
        max-width: 240px;
    }
}/* End custom CSS */
/* Start custom CSS for icon-list, class: .elementor-element-32beeeb */.elementor-3121 .elementor-element.elementor-element-32beeeb {
    font-weight: 450;
}
.elementor-icon-list-text {

    white-space: pre-line;

}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-c589a91 *//* =========================================================
   MF Class Session Buttons - Elementor Block
   ========================================================= */

/* The shortcode output wrapper */
.elementor-3121 .elementor-element.elementor-element-c589a91 .mf-class-session-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* Each Elevent ticket widget */
.elementor-3121 .elementor-element.elementor-element-c589a91 .mf-class-session-elevent-widget {
    display: block;
    width: 100%;
    max-width: 230px;
    margin: 0 !important;
    padding: 0 !important;
}

/* The actual button */
.elementor-3121 .elementor-element.elementor-element-c589a91 .mf-class-session-elevent-widget button,
.elementor-3121 .elementor-element.elementor-element-c589a91 .mf-class-session-elevent-widget .mf-class-session-button,
.elementor-3121 .elementor-element.elementor-element-c589a91 .mf-class-session-elevent-widget .mf-button-black-coral-arrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-width: 230px !important;
    max-width: 230px !important;

    margin: 0 !important;
    box-sizing: border-box !important;
}

/* Remove extra spacing Elementor may add around the shortcode */
.elementor-3121 .elementor-element.elementor-element-c589a91 .elementor-shortcode {
    margin: 0;
    padding: 0;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-af18bb2 *//* =========================================================
   MF Class Session Buttons - Elementor Block
   ========================================================= */

/* The shortcode output wrapper */
.elementor-3121 .elementor-element.elementor-element-af18bb2 .mf-class-override-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    width: 100%;
    margin: 0;
    padding: 0;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'PP Neue Montreal';
	font-display: auto;
	src: url('https://www.montclairfilm.org/wp-content/uploads/2026/04/PPNeueMontreal-Variable.ttf') format('truetype');
}
/* End Custom Fonts CSS */