.elementor-kit-6{--e-global-color-primary:#000000;--e-global-color-secondary:#F6F6F6;--e-global-color-text:#000000;--e-global-color-accent:#FF585D;--e-global-color-46838d4:#FFFFFF;--e-global-color-cc99d4d:#F6F6F6;--e-global-color-d31e42b:#DDDDDD;--e-global-color-0fa87ac:#000000;--e-global-color-0234579:#F6F6F6;--e-global-typography-primary-font-family:"PP Neue Montreal";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"PP Neue Montreal";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"PP Neue Montreal";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"PP Neue Montreal";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-primary );color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{text-decoration:none;}.elementor-kit-6 a:hover{color:var( --e-global-color-accent );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --CardGray:#F6F6F6; --LightGray:#F6F6F6; --White:#ffffff; --e-gv-4dfcf0d:#ffffff; --Black:#000000; --DarkGray:#DDDDDD; --MFPink:#FF585D; --PageTitle:60px; --LargeButtonTitle:24px; --SmallButtonTitle:16px; --LargeLinkText:30px; --SmallLinkText:16px; --MedumLinkText:20px; --TinyLinkText:14px; --LargeCardTitle:38px; --SmallCardTitle:22px; --LargeCardSubTitle:18px; --PageSubtitle:30px; --Pagesubsubtitle:18px; --Black60:#00000099; --PageSubTitleSmall:22px; --LargePageHeader:50px; --Pink-60:#ff595f99; } /* Start custom CSS *//* ========================================================= LARGE BUTTON ARROWS ========================================================= */ .MF-Slider-Button a::after, .MF-Button-White a::after, .MF-Button-Black a::after, a.MF-Slider-Button::after, a.MF-Button-White::after, a.MF-Button-Black::after { content: ""; display: inline-block; flex: 0 0 34px; width: 34px; height: 34px; background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 17L17 7' stroke='black' stroke-width='1.76471' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 7H17V17' stroke='black' stroke-width='1.76471' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 17L17 7' stroke='black' stroke-width='1.76471' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 7H17V17' stroke='black' stroke-width='1.76471' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; transform: translateY(8px); } /* ========================================================= FILM SERIES LOOP CAROUSEL BUTTON ========================================================= */ .elementor-widget-loop-carousel .mf-film-series-card button.e-button-base { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; padding: 0 !important; color: #ffffff !important; background: transparent !important; background-color: transparent !important; border: none !important; border-bottom: 2px solid #ffffff !important; box-shadow: none !important; font-size: 20px !important; font-weight: 600 !important; cursor: pointer; } .elementor-widget-loop-carousel .mf-film-series-card button.e-button-base::after { content: ""; display: inline-block; flex: 0 0 24px !important; width: 24px !important; height: 24px !important; background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 17L17 7' stroke='black' stroke-width='1.76471' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 7H17V17' stroke='black' stroke-width='1.76471' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 17L17 7' stroke='black' stroke-width='1.76471' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 7H17V17' stroke='black' stroke-width='1.76471' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; transform: translateY(2px); } /* ========================================================= HERO LOOP CAROUSEL BUTTON ========================================================= */ .elementor-widget-loop-carousel .mf-hero-slide__cta button.e-button-base { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 18px !important; padding: 0 !important; color: #ffffff !important; background: transparent !important; background-color: transparent !important; border: none !important; border-bottom: 2px solid #ffffff !important; box-shadow: none !important; font-size: 34px !important; font-weight: 400 !important; cursor: pointer; } .elementor-widget-loop-carousel .mf-hero-slide__cta button.e-button-base::after { content: ""; display: inline-block; flex: 0 0 40px !important; width: 40px !important; height: 40px !important; background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 17L17 7' stroke='black' stroke-width='1.76471' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 7H17V17' stroke='black' stroke-width='1.76471' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 17L17 7' stroke='black' stroke-width='1.76471' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 7H17V17' stroke='black' stroke-width='1.76471' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; } /* ========================================================= CARD LINK ARROWS ========================================================= */ .MF-Card-Button-Link-White a::after, .MF-Card-Button-Link-Black a::after, a.MF-Card-Button-Link-Black::after, a.MF-Card-Button-Link-White::after { content: ""; display: inline-block; flex: 0 0 24px; width: 24px; height: 24px; background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 17L17 7' stroke='black' stroke-width='1.76471' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 7H17V17' stroke='black' stroke-width='1.76471' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 17L17 7' stroke='black' stroke-width='1.76471' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 7H17V17' stroke='black' stroke-width='1.76471' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; transform: translateY(2px); } /* ========================================================= STANDARD LINK ARROWS ========================================================= */ .MF-MegaMenu-Link-Big a::after, .MF-Button-Link-White a::after, .MF-Button-Link-Black a::after, a.MF-Button-Link-Black::after, a.MF-Button-Link-White::after, a.MF-MegaMenu-Link-Big::after { content: ""; display: inline-block; flex: 0 0 24px; width: 24px; height: 24px; background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 17L17 7' stroke='black' stroke-width='1.76471' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 7H17V17' stroke='black' stroke-width='1.76471' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 17L17 7' stroke='black' stroke-width='1.76471' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 7H17V17' stroke='black' stroke-width='1.76471' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; transform: translateY(2px); } /* ========================================================= SMALL LINK ARROWS ========================================================= */ .MF-Button-Link-White-Small a::after, .MF-Button-Link-Black-Small a::after, a.MF-Button-Link-Black-Small::after, a.MF-Button-Link-White-Small::after { content: ""; display: inline-block; flex: 0 0 20px; width: 20px; height: 20px; background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 17L17 7' stroke='black' stroke-width='1.76471' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 7H17V17' stroke='black' stroke-width='1.76471' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 17L17 7' stroke='black' stroke-width='1.76471' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 7H17V17' stroke='black' stroke-width='1.76471' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; transform: translateY(2px); } /* ========================================================= MEGA MENU SMALL ARROW ========================================================= */ .MF-MegaMenu-Link-Small a::after, a.MF-MegaMenu-Link-Small::after { content: ""; display: inline-block; flex: 0 0 15px; width: 15px; height: 15px; background-color: currentColor; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 17L17 7' stroke='black' stroke-width='1.76471' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 7H17V17' stroke='black' stroke-width='1.76471' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 17L17 7' stroke='black' stroke-width='1.76471' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 7H17V17' stroke='black' stroke-width='1.76471' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; transform: translateY(2px); } /* ========================================================= MEGA MENU TYPOGRAPHY AND LAYOUT ========================================================= */ .elementor .MF-MegaMenu-Link-Big { display: flex !important; width: 100% !important; margin: 0 !important; padding-block-start: 24px !important; padding-block-end: 24px !important; padding-inline-start: 24px !important; padding-inline-end: 0 !important; color: #000000 !important; background-color: var(--CardGray) !important; font-family: "PP Neue Montreal", sans-serif !important; font-size: 18px !important; font-weight: 700 !important; } .elementor .MF-MegaMenu-Title { margin-block-start: 0 !important; margin-block-end: 24px !important; margin-inline-start: 0 !important; margin-inline-end: 0 !important; font-family: "PP Neue Montreal", sans-serif !important; font-size: 18px !important; font-weight: 700 !important; } .elementor .MF-MegaMenu-Link-Small { margin-block-start: 0 !important; margin-block-end: 13px !important; margin-inline-start: 0 !important; margin-inline-end: 0 !important; padding: 0 !important; color: #000000 !important; background-color: var(--CardGray) !important; font-family: "PP Neue Montreal", sans-serif !important; font-size: 14px !important; font-weight: 500 !important; line-height: 18px !important; text-align: start !important; } /* ========================================================= ELEVENT WRAPPER ========================================================= */ body .elementor elevent-ticket-button-widget.mf-elevent-ticket-widget { display: block; width: 100%; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } body .elementor elevent-ticket-button-widget.mf-elevent-ticket-widget button.mf-elevent-ticket-button { width: 100% !important; }/* 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 */