/*
Theme Name: Montclair Film Festival
Theme URI: http://hieronymus.co
Description: Custom theme for Montclair Film Festival
Author: Zak Greene
Author URI: http://zakgreene.com
Version: 1.0
License: BSD 2-Clause
License URI: http://opensource.org/licenses/bsd-license.php
*/
@font-face {
  font-family: 'Regular';
  src: url("fonts/regular_black.eot");
  /* IE9 Compat Modes */
  src: url("fonts/regular_black.eot?#iefix") format("embedded-opentype"), url("fonts/regular_black.woff2") format("woff2"), url("fonts/regular_black.woff") format("woff"), url("fonts/regular_black.ttf") format("truetype"), url("fonts/regular_black.svg#Regular-Black") format("svg");
  /* Legacy iOS */ }
/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */

  .aligncenter {
  	    display: block!important;
          margin-left: auto!important;
          margin-right: auto!important;
  }
	
	

	
	

body {
  font-size: 13px;
  line-height: 1.5em; }

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */
body, select, input, textarea {
  font-family: "Muli", Helmet, Freesans, sans-serif;
  color: black; }

a {
  color: #ed1c28;
  text-decoration: none;
  transition: all 0.15s; }

a:hover {
  color: #f60620; }

svg.icon {
  display: inline-block;
  height: 1em;
  width: 1.25em;
  vertical-align: middle; }

a.icon, span.icon {
  display: inline-block; }
  a.icon span, span.icon span {
    display: none; }

a.btn {
  display: inline-block;
  background: #ed1c28;
  color: white;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 1.065em;
  padding: 0.8em 1.25em;
  text-align: center;
  -webkit-appearance: none; }
  a.btn:hover {
    background: #fa1b33;
    color: white;
    text-decoration: none !important; }

a.btn.sm {
  display: inline-block;
  background: #ed1c28;
  color: white;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 1.065em;
  padding: 0.8em 1.25em;
  text-align: center;
  -webkit-appearance: none;
  font-size: 0.8em;
  line-height: 1.5em; }
  a.btn.sm:hover {
    background: #fa1b33;
    color: white;
    text-decoration: none !important; }

.post-edit-link {
  display: inline-block;
  background: #ed1c28;
  color: white;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 1.065em;
  padding: 0.8em 1.25em;
  text-align: center;
  -webkit-appearance: none;
  font-size: 0.8em;
  line-height: 1.5em; }
  .post-edit-link:hover {
    background: #fa1b33;
    color: white;
    text-decoration: none !important; }

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection {
  background: #ed1c28;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #ed1c28;
  color: #fff;
  text-shadow: none; }

ins {
  background-color: #ed1c28;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ed1c28;
  color: #000;
  font-style: italic;
  font-weight: bold; }

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder {
  color: #a9a9a9; }

textarea:-moz-placeholder {
  color: #a9a9a9; }

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column; }

main {
  flex: 1; }

.wrapper {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 1em; }

h1, h2, h3, h4 {
  font-weight: 900; }

h3, .type {
  text-transform: uppercase;
  font-weight: 900; }

p {
  margin: 1em 0; }
  p:first-child {
    margin-top: 0; }
  p:last-child {
    margin-bottom: 0; }

strong em, em strong {
  font-weight: 400;
  font-style: italic; }

.social li {
  display: inline-block; }
  .social li:first-child a {
    padding-left: 0; }
  .social li:last-child a {
    padding-right: 0; }
.social svg.icon {
  height: 1.5em;
  width: 1.5em;
  fill: #ed1c28;
  transition: all 0.15s; }
.social a {
  display: block;
  padding: 0.5em 0.75em; }
  .social a:hover .icon {
    fill: #ed1c28; }

body > header {
  background: white;
  padding: 0.65em 0; }
  body > header:after {
    content: " ";
    display: block;
    clear: both; }
  body > header > .wrapper {
    max-width: 1385px; }
  body > header h1 {
    float: left; }
  body > header .icon-logo {
    width: 12.5em;
    height: 4.5em;
    fill: black; }
  body > header nav {
    font-size: 1.25em;
    margin-left: -0.25rem;
    margin-bottom: 0.25em; }
    body > header nav ul, body > header nav #menu-main {
      list-style: none; }
    body > header nav ul, body > header nav #menu-festival {
      list-style: none; }
    body > header nav ul, body > header nav #menu-year-round {
      list-style: none; }
      body > header nav ul, body > header nav #menu-education {
        list-style: none; }	  
    body > header nav .menu-item-has-children, body > header nav #menu-user .menu-item-has-children {
      position: relative; }
      body > header nav .menu-item-has-children > a, body > header nav #menu-user .menu-item-has-children > a {
        display: block;
        position: relative;
        z-index: 320;
        margin: 0;
        color: inherit; }
      body > header nav .menu-item-has-children ul, body > header nav #menu-user .menu-item-has-children ul {
        display: none;
        background: white;
        border: 0.25em solid #ed1c28;
        position: absolute;
        top: -0.8em;
        width: 15em;
        z-index: 310;
        padding: 2.5em 0 1em; }
        body > header nav .menu-item-has-children ul li, body > header nav #menu-user .menu-item-has-children ul li {
          display: block;
          line-height: 1.75em; }
        body > header nav .menu-item-has-children ul a, body > header nav #menu-user .menu-item-has-children ul a {
          font-weight: 700;
          color: #ed1c28;
          padding: 0 1em; }
          body > header nav .menu-item-has-children ul a:hover, body > header nav #menu-user .menu-item-has-children ul a:hover {
            color: #ed1c28; }
      body > header nav .menu-item-has-children:hover > a, body > header nav #menu-user .menu-item-has-children:hover > a {
        color: #ed1c28; }
      body > header nav .menu-item-has-children.open ul, body > header nav #menu-user .menu-item-has-children.open ul {
        display: block;
        right: -0.5em; }
        body > header nav .menu-item-has-children.open ul li, body > header nav #menu-user .menu-item-has-children.open ul li {
          display: block; }
      @media screen and (min-width: 960px) {
        body > header nav .menu-item-has-children ul, body > header nav #menu-user .menu-item-has-children ul {
          display: none; }
        body > header nav .menu-item-has-children:hover ul, body > header nav #menu-user .menu-item-has-children:hover ul {
          display: block;
          right: -0.5em; }
          body > header nav .menu-item-has-children:hover ul a, body > header nav #menu-user .menu-item-has-children:hover ul a {
            display: block; } }
      @media screen and (min-width: 1150px) {
        body > header nav .menu-item-has-children:hover ul, body > header nav #menu-user .menu-item-has-children:hover ul {
          right: auto; }
          body > header nav .menu-item-has-children:hover ul a, body > header nav #menu-user .menu-item-has-children:hover ul a {
            padding-left: 2.5em; } }
      body > header nav .menu-item-has-children a, body > header nav #menu-user .menu-item-has-children a {
        padding-left: 0.5em;
        padding-right: 0; }
    body > header nav a {
      font-weight: 900;
      color: black; }
    body > header nav .current-menu-item a {
      color: #ed1c28; }
    body > header nav #menu-main {
      display: block;
      clear: left;
      columns: 2 150px;
      padding-top: 0.5em;
      margin-left: 0.75em; }
    body > header nav #menu-festival {
      display: block;
      clear: left;
      columns: 2 150px;
      padding-top: 0.5em;
      margin-left: 0.75em; }
    body > header nav #menu-year-round {
      display: block;
      clear: left;
      columns: 2 150px;
      padding-top: 0.5em;
      margin-left: 0.75em; }
      body > header nav #menu-education {
        display: block;
        clear: left;
        columns: 2 150px;
        padding-top: 0.5em;
        margin-left: 0.75em; }	  
      body > header nav #menu-main a {
        display: block;
        padding: 0.25em 0; }
      body > header nav #menu-festival a {
        display: block;
        padding: 0.25em 0; }
      body > header nav #menu-year-round a {
        display: block;
        padding: 0.25em 0; }
      body > header nav #menu-year-education a {
         display: block;
         padding: 0.25em 0; }
    body > header nav #menu-user {
      padding-top: 0.55em;
      float: right; }
      body > header nav #menu-user li {
        display: inline-block; }
      body > header nav #menu-user a {
        padding: 0 0.5em 0 0;
        position: relative;
        z-index: 320; }
        body > header nav #menu-user a span {
          display: none; }
body > footer {
  display:block;
  background: #454545;
  border-bottom: 1em solid black;
  padding: 1.5em 0;
  color: white; }
  body > footer a {
    color: white; }
  body > footer h3 {
    margin-bottom: 1.5em; }
  body > footer .icon-logo-white {
    width: 180px;
    height: 60px;
    fill: white; }
  body > footer p {
    line-height: 1.5em; }
  body > footer nav {
    font-size: 1.25em;
    line-height: 1.5em;
    margin: 2em 0; }
  body > footer .sponsors {
    margin: 1.5em 0; }
  body > footer .social a {
    padding: 0.5em 1em; }
  body > footer .social svg.icon {
    height: 2em;
    width: 2em;
    fill: white; }
  body > footer .social svg.icon-youtube {
    width: 4em; }
  body > footer .contact {
    margin: 2em 0; }
    body > footer .contact h4 {
      margin: 2em 0 0; }
      body > footer .contact h4 + p {
        margin-top: 0; }
  body > footer .btn.sm {
    background: white;
    color: #454545; }

main {
  display: block;
  background: white; 
	}
  main > .wrapper {
    margin-bottom: 4em; }
  main > header, main article > header, main article .wrapper > header {
    background: center no-repeat;
    background-size: cover;
    background-color: #ed1c28;
    color: white;
    padding: 2em 0; }
    main > header.education, main article > header.education, main article .wrapper > header.education {
      background-color: #ff8c03; }
      main > header.education, main article > header.education, main article .wrapper > header.education {
        background-color: #ff8c03; }
      main > header.classes, main article > header.education, main article .wrapper > header.classes {
        background-color: #ff8c03; }	  
    main > header.get-involved, main article > header.get-involved, main article .wrapper > header.get-involved {
      background-color: #9b4f95; }
    main > header.live, main article > header.live, main article .wrapper > header.live {
      background-color: #83b920; }
    main > header .wrapper, main article > header .wrapper, main article .wrapper > header .wrapper {
      max-width: 960px; }
    main > header img, main article > header img, main article .wrapper > header img {
      margin: 2em 0; }
    main > header .icon-frame-topleft, main article > header .icon-frame-topleft, main article .wrapper > header .icon-frame-topleft {
      fill: #ed1c28;
      display: none;
      margin-left: -1.75em; }
    main > header .type, main article > header .type, main article .wrapper > header .type {
      font-size: 1.25em;
      margin-bottom: 1em; }
    main > header .title, main > header h1, main article > header .title, main article > header h1, main article .wrapper > header .title, main article .wrapper > header h1 {
      font-family: "Regular", sans-serif;
      font-weight: normal;
      font-size: 1.7em;
      line-height: 1.3em; }
    main > header .post-edit-link, main article > header .post-edit-link, main article .wrapper > header .post-edit-link {
      float: right;
      position: relative; }
  main article > .wrapper {
    padding: 0; }
  main article #body #time .event__dates {
    font-size: 1.6em;
    line-height: normal;
    margin-bottom: 0; }
  main article #body #time .location {
    margin-bottom: 0.5em; }
  main article #body #time .cal {
    display: inline-block;
    background: #ed1c28;
    color: white;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 1.065em;
    padding: 0.8em 1.25em;
    text-align: center;
    -webkit-appearance: none;
    font-size: 0.8em;
    line-height: 1.5em;
    width: auto; }
    main article #body #time .cal:hover {
      background: #fa1b33;
      color: white;
      text-decoration: none !important; }
  main article #body #time .wrapper > * {
    margin-bottom: 3em; }
  main article #body #time .title {
    color: #ed1c28;
    font-size: 1.5em;
    margin: 1em 0; }
	
  main article .buy {
    background: white;
    border: 1px solid #ed1c28;
    font-size: 1.065em;
    font-weight: 900;
    color: #ed1c28;
    position: relative; }

    main article .buy:after {
      content: " ";
      display: block;
      clear: both; }
	  
    main article .buy .btn {
      display: inline-block;
      background: #ed1c28;
      color: white;
      font-weight: 900;
      text-transform: uppercase;
      font-size: 1.065em;
      padding: 0.8em 1.25em;
      text-align: center;
      -webkit-appearance: none;
      display: block;
      font-size: 1em;
      padding-top: 0.9em;
      padding-bottom: 0.9em; }
	  
      main article .buy .btn:hover {
        background: #fa1b33;
        color: white;
        text-decoration: none !important; }
		
    main article .buy p {
      padding: 0.35em 1em;
      line-height: 1.3em;
      margin: 0; }
      main article .buy p a {
        font-weight: normal;
        color: #ed1c28;
        font-size: 0.9em;
        text-decoration: underline; }
		
    main article .buy .icon-frame-btmright {
      position: absolute;
      fill: #ed1c28;
      right: -1.75em;
      bottom: -1.5em;
      display: none; }
	  
	  main article .edubuy {
	    background: white;
	    border: 1px solid #ff8c03;
	    font-size: 1.065em;
	    font-weight: 900;
	    color: #ed1c28;
	    position: relative; }

	    main article .edubuy:after {
	      content: " ";
	      display: block;
	      clear: both; }
	  
	    main article .edubuy .edubtn {
	      display: inline-block;
	      background: #ff8c03;
	      color: white;
	      font-weight: 900;
	      text-transform: uppercase;
	      font-size: 1.065em;
	      padding: 0.8em 1.25em;
	      text-align: center;
	      -webkit-appearance: none;
	      display: block;
	      font-size: 1em;
	      padding-top: 0.9em;
	      padding-bottom: 0.9em; }
	  
	      main article .edubuy .edubtn:hover {
	        background: #fa1b33;
	        color: white;
	        text-decoration: none !important; }
		
	    main article .edubuy p {
	      padding: 0.35em 1em;
	      line-height: 1.3em;
	      margin: 0; }
	      main article .buy p a {
	        font-weight: normal;
	        color: #ed1c28;
	        font-size: 0.9em;
	        text-decoration: underline; }
		
	    main article .edubuy .icon-frame-btmright {
	      position: absolute;
	      fill: #ed1c28;
	      right: -1.75em;
	      bottom: -1.5em;
	      display: none; }	  
	  
  main article aside {
    margin: 0 -1em;
    border: 0.25em solid #ed1c28; }
    main article aside > a {
      color: #ed1c28; }
    main article aside > a {
      display: block;
      position: relative;
      z-index: 320;
      font-size: 1.25em;
      padding: 1em; }
      main article aside > a:hover {
        color: inherit; }
        main article aside > a:hover .icon {
          fill: black; }
    main article aside .icon {
      height: 0.9em;
      margin-top: -0.1em;
      margin-left: -0.1em;
      fill: #ed1c28; }
    main article aside ul {
      display: none;
      padding-bottom: 1em; }
      main article aside ul li {
        display: block;
        margin-bottom: 0.75em; }
      main article aside ul a {
        display: block;
        font-weight: 700;
        font-size: 1.25em;
        color: #ed1c28;
        padding: 0 1em 0 2.5em; }
        main article aside ul a:hover {
          color: #ed1c28; }
    main article aside.open ul {
      display: block; }
    main article aside.open .icon {
      transform: rotate(90deg); }
    @media screen and (min-width: 680px) {
      main article aside .icon {
        display: none; }
      main article aside ul {
        line-height: 1.5em; }
        main article aside ul li {
          margin-bottom: 0.7em; }
        main article aside ul a {
          display: inline;
          font-size: 1em;
          font-weight: 900;
          padding: 0; } }
    main article aside .current_page_item a {
      color: #ed1c28; }
    main article aside .posted {
      font-weight: 700; }
  main article p.more {
    margin-top: -0.5em;
    font-weight: 900;
    font-size: 1.067em; }
  main article #body {
    margin-bottom: 3em; }
    main article #body .wrapper > * {
      margin-bottom: 0em; }
    main article #body ul, main article #body ol {
      margin-left: 2em; }
    main article #body ul {
      list-style: square; }
    main article #body p:not(.title) a:hover {
      text-decoration: underline; }
    main article #body .details, main article #body .social, main article #body .videos {
      margin-left: 0;
      list-style: none; }
    main article #body .details h4, main article #body .videos h4 {
      margin-bottom: 0;
      font-weight: 900; }
    main article #body .details li, main article #body .videos li {
      margin-bottom: 1em; }
    main article #body .details p, main article #body .videos p {
      margin-top: 0; }
    main article #body #main-vid .thumb {
      display: none; }
    main article #body .videos {
      font-weight: 700; }
      main article #body .videos .thumb {
        display: none;
        position: relative; }
        main article #body .videos .thumb:before {
          position: absolute;
          width: 100%;
          height: 100%;
          content: '';
          background: rgba(0, 0, 0, 0.3);
          transition: background 0.15s; }
        main article #body .videos .thumb .icon {
          position: absolute;
          top: 50%;
          left: 50%;
          margin-top: -3.25em;
          margin-left: -3em;
          fill: white;
          width: 6em;
          height: 6em;
          transition: fill 0.15s; }
        main article #body .videos .thumb img {
          display: block; }
      main article #body .videos li {
        margin-bottom: 3em; }
        main article #body .videos li > a:hover .thumb:before {
          background: rgba(0, 0, 0, 0.5); }
        main article #body .videos li > a:hover .icon {
          fill: #ed1c28; }
        main article #body .videos li > a > div {
          margin-bottom: 1em; }
    main article #body img {
      height: auto !important; }
    main article #body img.cover {
      margin-bottom: 1em; }
    main article #body .title {
      font-family: "Regular", sans-serif;
      font-weight: normal;
      font-size: 1.9em;
      margin: 0.33em 0 0.5em; }
      main article #body .title a {
        color: #ed1c28; }
        main article #body .title a:hover {
          color: #ed1c28; }
    main article #body .title + p {
      margin-top: 0.5em; }
    main article #body .mc_event {
      margin-bottom: 2em; }
    main article #body h1, main article #body h2, main article #body h3, main article #body h4 {
      color: #ed1c28;
      line-height: 1.1em;
      margin: 1.5em 0 0.75em; }
      main article #body h1:first-child, main article #body h2:first-child, main article #body h3:first-child, main article #body h4:first-child {
        margin-top: 0; }
    main article #body h1, main article #body h2 {
      font-family: "Regular", sans-serif;
      font-weight: normal; }
    main article #body h1 {
      font-size: 2.25em; }
    main article #body h2 {
      font-size: 1.5em; }
    main article #body h3 {
      text-transform: none;
      font-weight: 900;
      font-size: 1.15em; }
    main article #body h4 {
      font-size: 1em;
      line-height: normal;
      color: black;
      font-weight: 700; }
    main article #body article {
      margin-bottom: 2.5em; }
      main article #body article .posted {
        font-weight: 700;
        margin-bottom: 0.5em; }
      main article #body article h2 {
        margin-top: 0; }
    .search-results main article #body article .type {
      margin-bottom: 0; }
    .search-results main article #body article h2 a {
      color: #ed1c28; }
      .search-results main article #body article h2 a:hover {
        color: #ed1c28; }
    .search-results main article #body article a p {
      color: black; }
    .search-results main article #body article a .title, .search-results main article #body article a .type {
      color: #ed1c28;
      transition: 0.15s; }
    .search-results main article #body article a .live .title, .search-results main article #body article a .live .type {
      color: #83b920; }
    .search-results main article #body article a .education .title, .search-results main article #body article a .education .type {
      color: #ff8c03; }
      .search-results main article #body article a .classes .title, .search-results main article #body article a .classes .type {
        color: #ff8c03; }	  
    .search-results main article #body article a .get-involved .title, .search-results main article #body article a .get-involved .type {
      color: #9b4f95; }
    .search-results main article #body article a:hover .title, .search-results main article #body article a:hover .type {
      color: #ed1c28; }
  main section.featured article {
    margin-bottom: 1.5em; }
    
	main section.featured article img {
      display: inline-block;
      vertical-align: top;
      width: 50%;
      margin-left: -1em;
      margin-right: 1em; }
	  
    main section.featured article .icon-frame-topleft {
      display: none;
      fill: #ed1c28; }
    main section.featured article a {
      color: black; }
      main section.featured article a > div {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        margin-left: -0.3em; }
      main section.featured article a .title, main section.featured article a .type {
        color: #ed1c28;
		
        transition: all 0.15s; }
      main section.featured article a .icon-frame-topleft {
        transition: all 0.15s; }
      main section.featured article a:hover .title, main section.featured article a:hover .type {
        color: #ed1c28 !important; }
      main section.featured article a:hover .icon-frame-topleft {
        fill: #ed1c28 !important; }
    main section.featured article .title, main section.featured article .type {
      font-size: 1em;
      line-height: 1.3em;
      font-weight: 900;
      margin: 0; }
	  
      main section.featured article .class_title {
		font-size: 1.45em;
        line-height: 1.3em;
        font-weight: 900;
        margin: 0; 
		}	 
		
       main section.featured article.classes a .class_title {
          color: #ff8c03; }	
        main section.featured article.classes:hover a .class_title {
          color: #ed1c28; }			  
	  
	  @media screen and (max-width: 450px) {
		  
	      main section.featured article .class_title {}	
		  main section.featured article .class_desc {}	
		  .edulanding_image {
		      width: 95%!important; }		
		  
		 .edulanding_div {
	          width: 95%!important; }				  	
	  }
	  
	  @media screen and (min-width: 450px) {
		  
	      main section.featured article .class_title {
			font-size: 1.45em;
	        line-height: 1.3em;
	        font-weight: 900;
	        margin: 0;
			height:45px; 
			}		
			
  	      main section.featured article .class_desc {

  			height:105px; 
			
  			}
			
			 .edulanding_image {
		      display: inline-block;
		      vertical-align: top;
		      width: 50%;
		      margin-left: -1em;
		      margin-right: 1em; }					
			
	 		 .edulanding_div {
	 	     
	 	  }			
		
	  }		  
	  
		  		
    main section.featured article .title {
      margin-bottom: 0.5em; }
    main section.featured article .type {
      text-transform: uppercase;
      margin-bottom: 0.25em; }
    main section.featured article p {
      font-size: 0.9em;
      line-height: 1.5em; }
    main section.featured article.live a .type, main section.featured article.live a .title {
      color: #83b920; }
    main section.featured article.live a .icon-frame-topleft {
      fill: #83b920; }
    main section.featured article.education a .type, main section.featured article.education a .title {
      color: #ff8c03; }
      main section.featured article.classes a .type, main section.featured article.classes a .title {
        color: #ff8c03; }	  
    main section.featured article.education a .icon-frame-topleft {
      fill: #ff8c03; }
      main section.featured article.classes a .icon-frame-topleft {
        fill: #ff8c03; }	  
    main section.featured article.get-involved a .type, main section.featured article.get-involved a .title {
      color: #9b4f95; }
    main section.featured article.get-involved a .icon-frame-topleft {
      fill: #9b4f95; }
  main header + .featured {
    margin-top: 2em; }
  main #calendar-header {
    margin-top: 4em;
    background: #ed1c28;
    color: white;
    font-family: "Regular", sans-serif;
    font-weight: 400;
    font-size: 1em;
    height: 1.5em; }
    main #calendar-header h2 {
      font-size: 1.5em;
      background: #ed1c28;
      padding: 0.66em 0.85em;
      position: relative;
      top: -1.5em;
      display: inline-block; }
  main section.schedule > .wrapper {
    padding: 0; }
  main section.schedule article {
    margin: 0px!important;
    font-size: 0.9em; 
	width:100%!important;}
    main section.schedule article img, main section.schedule article a > div {
      display: inline-block;
      vertical-align: top;
      width: 48%;
      margin-right: 4%; }
    main section.schedule article a {
      color: black; }
    main section.schedule article a:hover .title, main section.schedule article a:hover .type, main section.schedule article a:focus .title, main section.schedule article a:focus .type {
      color: #ed1c28; }
    main section.schedule article a > img + div {
      margin-right: 0;
      margin-left: -0.3em; }
    main section.schedule article:last-child {
      margin-bottom: 2.5em; }
  main section.schedule h2 {
    background: #ed1c28;
    padding: 1em;
    margin-bottom: 1.5em;
    color: white;
    font-size: 1.25em; }
  main section.schedule .title, main section.schedule .type {
    font-weight: 900!important;
    color: #ed1c28;
    transition: color 0.15s; }
  main section.schedule .type {
    margin-bottom: 0;
    text-transform: uppercase; }
  main section.schedule .title {
    margin-top: 0; }
  main section.schedule img {
    display: block; }
  main section.schedule .none {
    text-align: center;
    margin: 5em 0;
    flex: 1;
    font-size: 1.5em; }
  main section.schedule.weekly .br {
    display: none; }
  main .sponsors {
    background: #ed1c28;
    color: white;
    padding: 1.5em 0;
    margin-bottom: 1.5em; }

    main .yrsponsors { 
      background: #ed1c28;
      color: white;
      padding: 1.5em 0;
      margin-bottom: 1.5em; }
	  	
  main .promo {
    background: #ed1c28 no-repeat right;
    background-size: contain;
    color: white;
    padding: 1.5em 0;
    margin-bottom: 1.5em; }
    main .promo .btn {
      background: #ed1c28;
      font-size: 0.9em;
      padding: 0.5em 1em; }
      main .promo .btn:hover, main .promo .btn:focus {
        background: #ed1c28; }
    main .promo h2 {
      font-size: 1.87em;
      line-height: 1.15em;
      margin-bottom: 1em; }
    main .promo h3 {
      display: none;
      float: right;
      width: calc(100% - 5em);
      font-family: "Regular", sans-serif;
      font-weight: normal;
      text-transform: none;
      font-size: 4.25em;
      margin-top: 1.25em;
      text-align: center; }
      main .promo h3 .icon {
        fill: white; font-size:46px; position:relative;top:-8px;}
  main .related {
    background: #e3f4fb;
    color: #ed1c28; }
    main .related .wrapper {
      padding: 1.5em 1em 2em;
      position: relative; }
      main .related .wrapper:after {
        content: " ";
        display: block;
        clear: both; }
    main .related .wrapper:first-child {
      background: #ed1c28;
      max-width: none;
      padding-top: 3.5em;
      padding-bottom: 1.5em; }
    main .related h2 {
      font-weight: 700;
      font-size: 1.065em;
      padding: 0 1em;
      max-width: 960px;
      margin: 0 auto;
      position: relative;
      color: white; }
      main .related h2 .icon {
        fill: white;
        position: absolute;
        top: -1.25em;
        left: -1em;
        font-size: 0.9em; }
    main .related .btn {
      background: #ed1c28; }
      main .related .btn:hover {
        background: #244599; }
    main .related img {
      border: 0.25em solid white;
      margin-bottom: 0.75em; }
    main .related > div {
      padding: 1em; }
    main .related + footer {
      margin-top: 0; }
    main .related .title {
      font-family: "Regular", sans-serif;
      font-weight: normal;
      font-size: 1.25em;
      margin-top: 0;
      margin-bottom: 1em; }
      main .related .title a {
        color: #ed1c28; }
        main .related .title a:hover {
          color: #244599; }
    main .related .type {
      font-size: 1.25em;
      margin-bottom: 0.5em; }
    main .related .icon-frame-btmright {
      fill: #ed1c28;
      position: absolute;
      bottom: 3.5em;
      right: -0.5em; }
    main .related .icon {
      display: none; }

.sponsors ul {
  list-style: none;
  text-align: center; }
.sponsors h2 {
  font-weight: 700; }
.sponsors li {
  display: inline-block;
  vertical-align: middle;
  margin: 0.75em 1.5em; }
  
  .yrsponsors ul {
    list-style: none;
    text-align: center; }
  .yrsponsors h2 {
    font-weight: 700; }
  .yrsponsors li {
    display: inline-block;
    vertical-align: middle;
    margin: 0.75em 1.5em; }

.single main > header .wrapper, .single main article > header .wrapper, .single main article .wrapper > header .wrapper, .page main > header .wrapper, .page main article > header .wrapper, .page main article .wrapper > header .wrapper {
  max-width: 960px; }
.single main .title, .page main .title {
  font-size: 1.85em;
  line-height: 1.3em; }

.page #body, .single-post #body, .archive #body, .error404 #body, .search-results #body {
  margin-top: 2em; }

.single-post main article aside, .archive main article aside {
  padding: 1em; }
  .single-post main article aside .tags a:hover, .archive main article aside .tags a:hover {
    text-decoration: underline; }

.home main > header, .home main article > header, .home main article .wrapper > header, .post-type-archive-mc_event main > header, .post-type-archive-mc_event main article > header, .post-type-archive-mc_event main article .wrapper > header {
  padding: 0; }
.home main > nav > .wrapper, .post-type-archive-mc_event main > nav > .wrapper {
  padding: 10px;
  -webkit-overflow-scrolling: touch; }
.home main > nav ul, .post-type-archive-mc_event main > nav ul {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  height: 4.75em;
  margin-left: 1em; }
.home main > nav li, .post-type-archive-mc_event main > nav li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1.75em; }
  .home main > nav li a, .post-type-archive-mc_event main > nav li a {
    display: block;
    padding: 1.25em 0;
    font-size: 1.3em;
    font-weight: 900;
    color: black; }
  .home main > nav li.active a, .post-type-archive-mc_event main > nav li.active a {
    color: #ed1c28; }
  .home main > nav li#featured, .post-type-archive-mc_event main > nav li#featured {
    text-transform: uppercase; }
.home main > nav span.br, .post-type-archive-mc_event main > nav span.br {
  display: none; }

.home main li.active a, .home main li#featured a {
  color: #ed1c28; }
  
  .page-template-page-virtualcinema main > header, .page-template-page-virtualcinema main article > header, .page-template-page-virtualcinema main article .wrapper > header {
    padding: 0; }
    .page-template-page-virtualcinema main > header .wrapper, .page-template-page-virtualcinema main article > header .wrapper, .page-template-page-virtualcinema main article .wrapper > header .wrapper {
      max-width: 1150px; }
  .page-template-page-virtualcinema main nav .wrapper {
    padding: 0; }
  .page-template-page-virtualcinema main nav .toggle {
    border: 0.25em solid #ed1c28;
    margin-bottom: 1.5em; }
    .page-template-page-virtualcinema main nav .toggle > a {
      color: #ed1c28; }
    .page-template-page-virtualcinema main nav .toggle > a {
      display: block;
      position: relative;
      z-index: 320;
      font-size: 1.25em;
      padding: 1em; }
      .page-template-page-virtualcinema main nav .toggle > a:hover {
        color: inherit; }
        .page-template-page-virtualcinema main nav .toggle > a:hover .icon {
          fill: black; }
    .page-template-page-virtualcinema main nav .toggle .icon {
      height: 0.9em;
      margin-top: -0.1em;
      margin-left: -0.1em;
      fill: #ed1c28; }
    .page-template-page-virtualcinema main nav .toggle ul {
      display: none;
      padding-bottom: 1em; }
      .page-template-page-virtualcinema main nav .toggle ul li {
        display: block;
        margin-bottom: 0.75em; }
      .page-template-page-virtualcinema main nav .toggle ul a {
        display: block;
        font-weight: 700;
        font-size: 1.25em;
        color: #ed1c28;
        padding: 0 1em 0 2.5em; }
        .page-template-page-virtualcinema main nav .toggle ul a:hover {
          color: #ed1c28; }
    .page-template-page-virtualcinema main nav .toggle.open ul {
      display: block; }
    .page-template-page-virtualcinema main nav .toggle.open .icon {
      transform: rotate(90deg); }
    @media screen and (min-width: 680px) {
      .page-template-page-virtualcinema main nav .toggle .icon {
        display: none; }
      .page-template-page-virtualcinema main nav .toggle ul {
        line-height: 1.5em; }
        .page-template-page-virtualcinema main nav .toggle ul li {
          margin-bottom: 0.5em; }
        .page-template-page-virtualcinema main nav .toggle ul a {
          display: inline;
          font-size: 1.067em;
          font-weight: 900;
          padding: 0; } }
    .page-template-page-virtualcinema main nav .toggle > a {
      background: white;
      font-size: 1.067em; }
      .page-template-page-virtualcinema main nav .toggle > a:hover {
        color: #ed1c28; }
    .page-template-page-virtualcinema main nav .toggle ul {
      height: auto;
      background: white; }
      .page-template-page-virtualcinema main nav .toggle ul a {
        font-size: 1.067em;
        font-weight: 700;
        padding-left: 1em; }
		
		 
		

.single-mc_venue  main article > header, .single-mff_festival main > header, .single-mff_festival main article > header, .single-mff_festival main article .wrapper > header, .tax-xdgp_genre main > header, .tax-xdgp_genre main article > header, .tax-xdgp_genre main article .wrapper > header, .post-type-archive-mc_event main > header, .post-type-archive-mc_event main article > header, .post-type-archive-mc_event main article .wrapper > header, .home main > header, .home main article > header, .home main article .wrapper > header {
  padding: 0; }
.single-mc_venue main > header .wrapper, .single-mff_festival main > header .wrapper, .single-mc_venue main article > header .wrapper, .single-mff_festival main article > header .wrapper, .single-mc_venue main article .wrapper > header .wrapper, .single-mff_festival main article .wrapper > header .wrapper, .tax-xdgp_genre main > header .wrapper, .tax-xdgp_genre main article > header .wrapper, .tax-xdgp_genre main article .wrapper > header .wrapper, .post-type-archive-mc_event main > header .wrapper, .post-type-archive-mc_event main article > header .wrapper, .post-type-archive-mc_event main article .wrapper > header .wrapper, .home main > header .wrapper, .home main article > header .wrapper, .home main article .wrapper > header .wrapper {
    max-width: 1150px; }
.single-mc_venue  main nav .wrapper, .single-mff_festival main nav .wrapper, .tax-xdgp_genre main nav .wrapper, .post-type-archive-mc_event main nav .wrapper, {
  padding: 0; }
.single-mc_venue  main nav .toggle, .single-mff_festival main nav .toggle, .tax-xdgp_genre main nav .toggle, .post-type-archive-mc_event main nav .toggle, .home main nav .toggle {
  border: 0.25em solid #ed1c28;
  margin-bottom: 1.5em; }
.single-mc_venue  main nav .toggle > a, .single-mff_festival main nav .toggle > a, .tax-xdgp_genre main nav .toggle > a, .post-type-archive-mc_event main nav .toggle > a, .home main nav .toggle > a {
    color: #ed1c28; }
.single-mc_venue  main nav .toggle > a, .single-mff_festival main nav .toggle > a, .tax-xdgp_genre main nav .toggle > a, .post-type-archive-mc_event main nav .toggle > a, .home main nav .toggle > a {
    display: block;
    position: relative;
    z-index: 320;
    font-size: 1.25em;
    padding: 1em; }
.single-mc_venue main nav .toggle > a:hover, .single-mff_festival main nav .toggle > a:hover, .tax-xdgp_genre main nav .toggle > a:hover, .post-type-archive-mc_event main nav .toggle > a:hover, .home main nav .toggle > a:hover {
      color: inherit; }
.single-mc_venue main nav .toggle > a:hover .icon, .single-mff_festival main nav .toggle > a:hover .icon, .tax-xdgp_genre main nav .toggle > a:hover .icon, .post-type-archive-mc_event main nav .toggle > a:hover .icon, .home main nav .toggle > a:hover .icon {
        fill: black; }
.single-mc_venue  main nav .toggle .icon, .single-mff_festival main nav .toggle .icon, .tax-xdgp_genre main nav .toggle .icon, .post-type-archive-mc_event main nav .toggle .icon, .home main nav .toggle .icon {
    height: 0.9em;
    margin-top: -0.1em;
    margin-left: -0.1em;
    fill: #ed1c28; }
.single-mc_venue main nav .toggle ul, .single-mff_festival main nav .toggle ul, .tax-xdgp_genre main nav .toggle ul, .post-type-archive-mc_event main nav .toggle ul, .home main nav .toggle ul {
    display: none;
    padding-bottom: 1em; }
.single-mc_venue  main nav .toggle ul li, .single-mff_festival main nav .toggle ul li, .tax-xdgp_genre main nav .toggle ul li, .post-type-archive-mc_event main nav .toggle ul li, .home main nav .toggle ul li {
      display: block;
      margin-bottom: 0.75em; }
.single-mc_venue  main nav .toggle ul a, .single-mff_festival main nav .toggle ul a, .tax-xdgp_genre main nav .toggle ul a, .post-type-archive-mc_event main nav .toggle ul a, .home main nav .toggle ul a {
      display: block;
      font-weight: 700;
      font-size: 1.25em;
      color: #ed1c28;
      padding: 0 1em 0 2.5em; }
.single-mc_venue main nav .toggle ul a:hover, .single-mff_festival main nav .toggle ul a:hover, .tax-xdgp_genre main nav .toggle ul a:hover, .post-type-archive-mc_event main nav .toggle ul a:hover, .home main nav .toggle ul a:hover {
        color: #ed1c28; }
.single-mc_venue  main nav .toggle.open ul, .single-mff_festival main nav .toggle.open ul, .tax-xdgp_genre main nav .toggle.open ul, .post-type-archive-mc_event main nav .toggle.open ul, .home main nav .toggle.open ul {
    display: block; }
.single-mc_venue  main nav .toggle.open .icon, .single-mff_festival main nav .toggle.open .icon, .tax-xdgp_genre main nav .toggle.open .icon, .post-type-archive-mc_event main nav .toggle.open .icon, .home main nav .toggle.open .icon {
    transform: rotate(90deg); }
  @media screen and (min-width: 680px) {
.single-mc_venue main nav .toggle .icon .single-mff_festival main nav .toggle .icon, .tax-xdgp_genre main nav .toggle .icon, .post-type-archive-mc_event main nav .toggle .icon, .home main nav .toggle .icon {
      display: none; }
.single-mc_venue main nav .toggle ul, .single-mff_festival main nav .toggle ul, .tax-xdgp_genre main nav .toggle ul, .post-type-archive-mc_event main nav .toggle ul, .home main nav .toggle ul {
      line-height: 1.5em; }
.single-mc_venue main nav .toggle ul li, .single-mff_festival main nav .toggle ul li, .tax-xdgp_genre main nav .toggle ul li, .post-type-archive-mc_event main nav .toggle ul li, .home main nav .toggle ul li {
        margin-bottom: 0.5em; }
.single-mc_venue main nav .toggle ul a, .single-mff_festival main nav .toggle ul a, .tax-xdgp_genre main nav .toggle ul a, .post-type-archive-mc_event main nav .toggle ul a, .home main nav .toggle ul a {
        display: inline;
        font-size: 1.067em;
        font-weight: 900;
        padding: 0; } }
.single-mc_venue main nav .toggle > a, .single-mff_festival main nav .toggle > a, .tax-xdgp_genre main nav .toggle > a, .post-type-archive-mc_event main nav .toggle > a, .home main nav .toggle > a {
    background: white;
    font-size: 1.067em; }
.single-mc_venue main nav .toggle > a:hover, .single-mff_festival main nav .toggle > a:hover, .tax-xdgp_genre main nav .toggle > a:hover, .post-type-archive-mc_event main nav .toggle > a:hover, .home main nav .toggle > a:hover {
      color: #ed1c28; }
.single-mc_venue main nav .toggle ul,  .single-mff_festival main nav .toggle ul, .tax-xdgp_genre main nav .toggle ul, .post-type-archive-mc_event main nav .toggle ul, .home main nav .toggle ul {
    height: auto;
    background: white; }
.single-mc_venue main nav .toggle ul a,.single-mff_festival main nav .toggle ul a, .tax-xdgp_genre main nav .toggle ul a, .post-type-archive-mc_event main nav .toggle ul a, .home main nav .toggle ul a {
      font-size: 1.067em;
      font-weight: 700;
      padding-left: 1em; }

.overlay, .search-modal {
  position: fixed;
  overflow: auto;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.5s, z-index 1.5s;
  -webkit-overflow-scrolling: touch;
  background: rgba(44, 44, 44, 0.85);
  color: white; }
  .overlay .wrapper, .search-modal .wrapper {
    height: 100%;
    display: flex; }
  .overlay .icon-close, .search-modal .icon-close {
    position: fixed;
    right: 1em;
    top: 1em;
    width: 6.5em;
    height: 6.5em;
    padding: 2.5em 1.5em 1.5em;
    cursor: pointer;
    z-index: 600;
    fill: white;
    transition: fill 0.15s; }
    .overlay .icon-close:hover, .search-modal .icon-close:hover {
      fill: #ed1c28; }
  .overlay h2, .search-modal h2 {
    font-weight: 300;
    font-size: 1.25em;
    line-height: 1.33em;
    margin-bottom: 1em;
    margin-right: 2.5em;
    color: white; }
  .overlay .fluid-width-video-wrapper, .search-modal .fluid-width-video-wrapper {
    margin: auto; }
  .overlay.active, .search-modal.active {
    opacity: 1;
    z-index: 500;
    transition: opacity 0.5s, z-index 0s; }

.search-modal {
  background: rgba(255, 255, 255, 0.9);
  color: black;
  display: flex;
  flex-direction: column;
  padding: 6em 0; }
  .search-modal .icon-close {
    fill: black;
    position: absolute;
    top: 0;
    right: 0; }
  .search-modal .wrapper {
    position: relative;
    margin: auto;
    height: 100%;
    max-height: 680px;
    width: 100%;
    flex-direction: column; }
  .search-modal label .icon {
    position: absolute;
    width: 2em;
    height: 2em;
    top: 3em;
    left: 1em; }
  .search-modal label span {
    display: none; }
  .search-modal label.on .icon {
    fill: #ed1c28; }
  .search-modal form {
    margin: 0 5.5em 0 3em;
    max-width: 40em; }
  .search-modal input[type=text] {
    display: block;
    width: 100%;
    margin-top: 2.25em;
    font-size: 1.5em;
    font-weight: 700;
    border: 0;
    background: none;
    border-bottom: 0.175em solid rgba(0, 0, 0, 0.25);
    color: #ed1c28;
    transition: border 0.25s; }
    .search-modal input[type=text]:focus {
      outline: none;
      border-color: #ed1c28; }
  .search-modal input[type=submit] {
    display: inline-block;
    background: #ed1c28;
    color: white;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 1.065em;
    padding: 0.8em 1.25em;
    text-align: center;
    -webkit-appearance: none;
    font-size: 0.8em;
    line-height: 1.5em;
    margin-top: 2em;
    background: none;
    color: black;
    font-size: 0.9em;
    border: 0.25em solid black;
    transition: all 0.15s; }
    .search-modal input[type=submit]:hover {
      background: #fa1b33;
      color: white;
      text-decoration: none !important; }
    .search-modal input[type=submit]:hover {
      background: none;
      border-color: #ed1c28;
      color: #ed1c28; }

/* Print styles!
-------------------------------------------------------------------------------*/
/* Media queries!
-------------------------------------------------------------------------------*/
/* Always do mobile-first, and consider using em units: http://blog.cloudfour.com/the-ems-have-it-proportional-media-queries-ftw */
@media screen and (min-width: 375px) {
  main section.schedule h2 {
    font-size: 1.067em; }
  main section.schedule > .wrapper {
    font-size: 1.067em; } }
   main article > header h1, main article .wrapper > header h1 {
      ; 
		padding: .5em;				}
    main article > header.education h1, main article .wrapper > header.education h1 {
      background-color: #ff8c03; }
      main article > header.classes h1, main article .wrapper > header.classes h1 {
        background-color: #ff8c03; }	  
    main article > header.get-involved h1, main article .wrapper > header.get-involved h1 {
      background-color: #9b4f95; }
 
@media screen and (min-width: 680px) {
  main > header, main article > header, main article .wrapper > header {
    padding: 2.75em 0; }
  main article h1, main article .title {
    font-family: "Regular", sans-serif;
    font-weight: normal; }
  main article .title {
    font-size: 1.45em; }
  main article > header, main article .wrapper > header {
    margin-bottom: 1.5em; }
    main article > header h1, main article .wrapper > header h1 {
      position: relative;
      top: 2.5em;
      margin-left: 33.75%;
      background-color: #ed1c28;
      padding: 0.5em 0.75em 0.33em; }
    main article > header.education h1, main article .wrapper > header.education h1 {
      background-color: #ff8c03; }
      main article > header.classes h1, main article .wrapper > header.classes h1 {
        background-color: #ff8c03; }	  
    main article > header.get-involved h1, main article .wrapper > header.get-involved h1 {
      background-color: #9b4f95; }
  main article.page section aside, main article.page section #body, main article.post section aside, main article.post section #body, .error404 main article section aside, .error404 main article section #body, .search-results main article section aside, .search-results main article section #body {
    display: inline-block;
    vertical-align: top; }
  main article.page section aside, main article.post section aside, .error404 main article section aside, .search-results main article section aside {
    width: 32%;
    margin-right: 1.75%; }
  main article.page section #body, main article.post section #body, .error404 main article section #body, .search-results main article section #body {
    width: 66.25%; }
  main article.page section > .wrapper aside + #body, main article.post section > .wrapper aside + #body, .error404 main article section > .wrapper aside + #body, .search-results main article section > .wrapper aside + #body {
    margin-left: -0.3em; }
  main section.featured article {
    display: inline-block;
    vertical-align: top;
    width: 32.33%;
    margin-right: 1.5%;
    margin-left: -0.3em; }
    main section.featured article:nth-child(3n) {
      margin-right: 0; }
    main section.featured article#top + article + article {
      margin-right: 1.5%; }
    main section.featured article#top + article + article + article {
      margin-right: 0; }
    main section.featured article:nth-child(3n-2) {
      margin-left: 0; }
    main section.featured article#top {
      width: 100%;
      margin-right: 0;
      margin-left: 0; }
      main section.featured article#top img {
        display: inline-block;
        vertical-align: top;
        width: 66%;
        margin-right: 1.5%; }
      main section.featured article#top a > div {
        display: inline-block;
        vertical-align: top;
        width: 32.33%;
        margin-left: -0.3em;
        padding-top: 2.5em;
        padding-left: 1.15em; }
      main section.featured article#top .icon-frame-topleft {
        top: 1.5em;
        left: 0; }
    main section.featured article img, main section.featured article a > div {
      display: block;
      width: auto; }
    main section.featured article a > div {
      position: relative;
      padding-top: 1.75em;
      padding-left: 1.15em; }
    main section.featured article img {
      margin-left: 0;
      border: 0.25em solid white; }
    main section.featured article .icon-frame-topleft {
      display: block;
      position: absolute;
      top: 1em;
      left: 0; }
    main section.featured article .title {
      font-size: 1.45em;
      font-weight: normal; }
    main section.featured article p {
      font-size: 1em;
      line-height: 1.6em; }
  main .sponsors {
    padding-bottom: 5em;
    margin-bottom: 0; }
  main .sponsors + .featured, main .promo + .featured {
    margin-top: -3.5em; }
	
    main .yrsponsors {
      padding-bottom: 5em;
      margin-bottom: 0; }
    main .yrsponsors + .featured, main .promo + .featured {
      margin-top: -3.5em; }
	  
  main section.schedule > .wrapper {
    display: flex;
    flex-flow: row wrap;
    font-size: 0.867em;
    line-height: normal;
    padding: 0 1em;
    max-width: calc(1000px + 2em); }
    main section.schedule > .wrapper > div {
      flex: 1;
      max-width: 15em;
      margin-right: 0.75em;
      background: #f2f2f2; }
      main section.schedule > .wrapper > div:last-child {
        margin-right: 0; }
  main section.schedule h2 {
    font-weight: normal;
    padding: 1.5em 0.5em 1em 0;
    margin: 0;
    background: white;
    color: black;
    font-size: 1em;
    min-height: 5em; }
  main section.schedule img {
    display: block;
    margin-bottom: 0.75em; }
  main section.schedule article {
    font-size: 0.9em;
    margin: 1em 0; }
    main section.schedule article:last-child {
      margin-bottom: 3em; }
    main section.schedule article a > div, main section.schedule article img {
      display: block;
      width: 100%; }
    main section.schedule article a > img + div {
      margin-left: 0; }
    main section.schedule article .title {
      font-size: 1em;
      font-family: "Muli", Helmet, Freesans, sans-serif;
	  -moz-hyphens: none;
	  -ms-hyphens: none;
	  -webkit-hyphens: none;
	  hyphens: none;
	  word-wrap: normal; }
    main section.schedule article:first-of-type.hr-13 {
      margin-top: 4em; }
    main section.schedule article:first-of-type.hr-14 {
      margin-top: 8em; }
    main section.schedule article:first-of-type.hr-15 {
      margin-top: 12em; }
    main section.schedule article:first-of-type.hr-16 {
      margin-top: 16em; }
    main section.schedule article:first-of-type.hr-17 {
      margin-top: 20em; }
    main section.schedule article:first-of-type.hr-18 {
      margin-top: 24em; }
    main section.schedule article:first-of-type.hr-19 {
      margin-top: 28em; }
    main section.schedule article:first-of-type.hr-20 {
      margin-top: 32em; }
    main section.schedule article:first-of-type.hr-21 {
      margin-top: 36em; }
    main section.schedule article:first-of-type.hr-22 {
      margin-top: 40em; }
    main section.schedule article:first-of-type.hr-23 {
      margin-top: 44em; }
  main section.schedule.weekly {
    margin: -2em 0 2.5em; }
    main section.schedule.weekly > .wrapper {
      max-width: 960px; }
    main section.schedule.weekly .br {
      display: inline; }
    main section.schedule.weekly h2 {
      color: #ed1c28;
      font-size: 1.25em;
      font-weight: 900;
      text-align: center;
      padding: 0.75em 0; }
  main #calendar-header {
    height: auto; }
    main #calendar-header h2 {
      font-size: 1.733em; }
  main article aside {
    border: 0;
    margin: 0;
    margin-top: 2em; }
    .single-post main article aside, .archive main article aside {
      padding: 0; }
    main article aside ul {
      display: block; }
    main article aside > a, main article aside > a:hover {
      color: inherit; }
    main article aside h2 {
      font-size: 1.6em;
      margin-bottom: 0.75em; }
    main article aside > a {
      padding: 0;
      display: inline;
      font-size: 1em; }
  main article #body .details li {
    display: inline-block;
    vertical-align: top;
    width: 47.5%;
    margin-right: 5%; }
    main article #body .details li:nth-child(even) {
      margin-left: -0.3em;
      margin-right: 0; }
  main article #body .videos .fluid-width-video-wrapper {
    display: none; }
  main article #body .videos .thumb {
    display: block; }
  main article #body .videos li {
    margin-bottom: 1.5em; }
  main article #body .videos li > a > div {
    display: inline-block;
    vertical-align: top;
    width: 47.5%;
    margin-bottom: 0;
    margin-right: 5%; }
    main article #body .videos li > a > div:nth-child(even) {
      margin-left: -0.3em;
      margin-right: 0; }
  main article #body article .posted {
    width: 45%;
    margin-left: -50%;
    float: left;
    text-align: right; }
  .search-results main article #body article {
    margin-bottom: 3.5em; }
    .search-results main article #body article.mc_event {
      margin-bottom: 2em; }
    .search-results main article #body article img, .search-results main article #body article a > div {
      display: inline-block;
      vertical-align: top;
      width: 48.5%;
      margin-right: 3%; }
    .search-results main article #body article a > div {
      margin-left: -0.3em;
      margin-right: 0; }
    .search-results main article #body article .title {
      margin-top: 0;
      font-size: 1.25em; }
  main .promo {
    padding: 1.5em 0 6em; }
    main .promo h2 {
      max-width: 10em; }
    main .promo h3 {
      display: block; }
    main .promo:nth-last-child(2) {
      margin-bottom: 0; }

  .ssingle-mc_venue main article > header, .single-mc_event main article .wrapper > header, .single-mc_event_archive main article > header, .single-mc_event_archive main article .wrapper > header {
    padding: 6em 0 1.5em; }
    .single-mc_event main article > header h1, .single-mc_event main article .wrapper > header h1, .single-mc_event_archive main article > header h1, .single-mc_event_archive main article .wrapper > header h1 {
      margin: 0;
      background: none;
      padding: 0;
      top: 0; }

.single-mc_venue main > header img, .single-mff_festival main > header img,  .single-mff_festival main > header img, .single-mc_venue main article > header img, .single-mff_festival main article > header img, .single-mc_venue main article .wrapper > header img, .single-mff_festival main article .wrapper > header img, .tax-xdgp_genre main > header img, .tax-xdgp_genre main article > header img, .tax-xdgp_genre main article .wrapper > header img {
    max-width: 27em; } }
@media screen and (min-width: 960px) {
  body {
    font-size: 15px;
    line-height: 1.6em; }

  body.logged-in > header {
    top: 32px; }

  body > header {
    position: fixed;
    top: 0;
    z-index: 300;
    height: 5.25em;
    width: 100%; }
    body > header .icon-logo {
      width: 12em;
      height: 4em; }
    body > header h1 {
      margin-right: 0.5em;
      float: none;
      display: inline-block;
      vertical-align: bottom; }
    body > header nav {
      font-size: 1.065em;
      display: inline-block;
      vertical-align: bottom;
      width: calc(100% - 12.5rem); }
      body > header nav li {
        display: inline-block;
        line-height: normal; }
      body > header nav #menu-main {
        display: inline-block;
        vertical-align: bottom;
        columns: auto;
        margin: 0;
        padding-top: 0; }
        body > header nav #menu-main a {
          padding: 0 0.75em; }
        body > header nav #menu-main .menu-item-has-children ul a {
          padding-left: 2.5em; }
        body > header nav #menu-main .icon {
          margin-right: 0.4em;
          fill: #ed1c28; }
        body > header nav #menu-main li:last-child, body > header nav #menu-main li:nth-last-child(2) {
          max-width: 6.5em; }
	    body > header nav #menu-festival {
	      display: inline-block;
	      vertical-align: bottom;
	      columns: auto;
	      margin: 0;
	      padding-top: 0; }
	      body > header nav #menu-festival a {
	        padding: 0 0.55em; }
	      body > header nav #menu-festival .menu-item-has-children ul a {
	        padding-left: 2.5em; }
	      body > header nav #menu-festival .icon {
	        margin-right: 0.4em;
	        fill: #ed1c28; }
	      body > header nav #menu-festival li:last-child, body > header nav #menu-festival li:nth-last-child(2) {
	        max-width: 6.5em; }
		  body > header nav #menu-year-round {
		    display: inline-block;
		    vertical-align: bottom;
		    columns: auto;
		    margin: 0;
		    padding-top: 0; }
		    body > header nav #menu-year-round a {
		      padding: 0 0.5em; }
		    body > header nav #menu-year-round .menu-item-has-children ul a {
		      padding-left: 2.5em; }
		    body > header nav #menu-year-round .icon {
		      margin-right: 0.4em;
		      fill: #ed1c28; }
		    body > header nav #menu-year-round li:last-child, body > header nav #menu-year-round li:nth-last-child(2) {
		      max-width: 6.5em; }	
			  body > header nav #menu-education {
			    display: inline-block;
			    vertical-align: bottom;
			    columns: auto;
			    margin: 0;
			    padding-top: 0; }
			    body > header nav #menu-education a {
			      padding: 0 0.75em; }
			    body > header nav #menu-education .menu-item-has-children ul a {
			      padding-left: 2.5em; }
			    body > header nav #menu-education .icon {
			      margin-right: 0.4em;
			      fill: #ed1c28; }
			    body > header nav #menu-education li:last-child, body > header nav #menu-education li:nth-last-child(2) {
			      }				  
			  
      body > header nav #menu-user {
        padding-top: 1.25em;
        font-size: 0.878em; }
  body > footer {
    padding: 2.5em 0 1.5em; }
    body > footer .icon-logo-white {
      margin-left: -0.66em; }
    body > footer nav {
      font-size: 1.065em;
      flex: 1 100%;
      margin: 0.25em 0 1.25em; }
      body > footer nav li {
        display: inline-block; }
        body > footer nav li a {
          display: block;
          padding: 0 0.75em; }
        body > footer nav li:first-child a {
          padding-left: 0; }
        body > footer nav li:last-child a {
          padding-right: 0; }
    body > footer .contact {
      margin: 0.6em 0 0.33em;
      float: left; }
      body > footer .contact h4 {
        margin-top: 2.25em; }
    body > footer .sponsors {
      margin-bottom: 0; }
      body > footer .sponsors h2 {
        font-size: 0.866em; }
    body > footer .social {
      float: right;
      vertical-align: top; }
    body > footer .wrapper {
      position: relative; }
    body > footer .wrapper > div {
      display: inline-block;
      vertical-align: top; }
      body > footer .wrapper > div:first-child {
        width: 32%;
        margin-right: 1.75%; }
      body > footer .wrapper > div:last-child {
        display: inline-flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: flex-end;
        width: 66.25%;
        margin-left: -0.3em; }

  main {
    margin-top: 5.25em; }
    main > header img, main article > header img, main article .wrapper > header img {
      margin: 3.15em 0 3.15em;
      max-width: 1000px; }
    main nav + .featured, main header + .featured {
      margin-top: -2em; }
    main article #time {
      width: 32.25%; }
    main article#top a > div {
      margin-top: 2em; }
    main article #body .title {
      font-size: 1.45em; }
    main article #body #time, main article #body > .wrapper {
      display: inline-block;
      vertical-align: top; }
    main article #body > .wrapper {
      width: 67.75%;
      margin-left: -0.3em; }
    main article #body #time {
      margin-top: 12em; }
      main article #body #time .wrapper {
        margin-top: 1.5em; }
      main article #body #time .title {
        font-size: 1.2em; }
    main article #body h1 {
      font-size: 3.2em; }
    main article .buy .btn {
      float: right;
      width: 10em; }
    main .related .wrapper {
      padding-bottom: 4em; }
    main .related img {
      float: right;
      width: 67.75%;
      width: calc(67.75% - 1em);
      margin-top: -3.5em;
      margin-left: 1em; }
    main .related .icon {
      display: block; }
    main .related .title {
      font-size: 2.83em;
      line-height: 1.1em;
      margin-bottom: 0.5em;
	  -moz-hyphens: none;
	  -ms-hyphens: none;
	  -webkit-hyphens: none;
	  hyphens: none;
	  word-wrap: normal; }
    main .related .type {
      font-size: 1.065em;
      margin-bottom: 1em; }
    main .related a.btn {
      font-size: 0.8em;
      line-height: 1.5em; }

  .search-modal form {
    max-width: 45em; }
  .search-modal input[type=text] {
    font-family: "Regular", sans-serif;
    margin-top: 0.65em;
    font-size: 3em;
    font-weight: normal;
    border-width: 0.1em;
    line-height: 1.1em; }

  .single main article > .wrapper:first-child {
    position: absolute;
    width: 100%;
    max-width: none;
    padding: 0; }

  .single-mc_event main article > header .icon-frame-topleft, .single-mc_event main article .wrapper > header .icon-frame-topleft, .single-mc_event_archive main article > header .icon-frame-topleft, .single-mc_event_archive main article .wrapper > header .icon-frame-topleft {
    display: block; }
  .single-mc_event main article > header .type, .single-mc_event main article .wrapper > header .type, .single-mc_event_archive main article > header .type, .single-mc_event_archive main article .wrapper > header .type {
    font-size: 1.065em; }
  .single-mc_event main article > header .title, .single-mc_event main article .wrapper > header .title, .single-mc_event_archive main article > header .title, .single-mc_event main article .wrapper > header .title {
    font-size: 1.9em;
    line-height: 1.125em;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-webkit-hyphens: none;
	hyphens: none;
	word-wrap: normal; }
    .single-mc_event_archive main article > header .type, .single-mc_event_archive main article > header .title, .single-mc_event_archive main article .wrapper > header .type, .single-mc_event_archive main article .wrapper > header .title {
      max-width: 33%;
      position: relative;
      z-index: 60; }
  .single-mc_event main article > header .type, .single-mc_event main article > header .title, .single-mc_event main article .wrapper > header .type, .single-mc_event main article .wrapper > header .title {
    max-width: 33%;
    position: relative;
    z-index: 60; }
	
    .single-mc_event_archive main article #body {
      position: relative;
      z-index: 50;
      padding: 6em 0 0; }
      .single-mc_event_archive main article #body img.cover {
        border: 0.25em solid white;
        display: block; }
      .single-mc_event main article #body .buy .icon-frame-btmright {
        display: block; }
      .single-mc_event_archive main article #body .event__description {
        padding-right: 0em; }
      .single-mc_event_archive main article #body h1 {
        font-size: 2.83em; }

  .single-mc_event main article #body {
    position: relative;
    z-index: 50;
    padding: 6em 0 0; }
    .single-mc_event main article #body img.cover {
      border: 0.25em solid white;
      display: block; }
    .single-mc_event main article #body .buy .icon-frame-btmright {
      display: block; }
    .single-mc_event main article #body .event__description {
      padding-right: 0em; }
    .single-mc_event main article #body h1 {
      font-size: 2.83em; }

  .single-mc_venue main > nav, .home main > nav, .single-mff_festival main > nav, .tax-xdgp_genre main > nav {
    height: 3em;
    background: #ed1c28; }
    .home main > nav > .wrapper, .single-mc_venue main > nav > .wrapper, .single-mff_festival main > nav > .wrapper, .tax-xdgp_genre main > nav > .wrapper {
      padding: 0 1em; }
  .home main > header + nav, .single-mc_venue main > header + nav, .single-mff_festival main > header + nav, .tax-xdgp_genre main > header + nav {
    height: 3em; }

  .home main > nav, .post-type-archive-mc_event main > nav {
    height: 3em;
    background: #ed1c28; }
    .home main > nav .wrapper, .post-type-archive-mc_event main > nav .wrapper {
      max-width: 1000px; }
    .home main > nav ul, .post-type-archive-mc_event main > nav ul {
      position: relative;
      top: -2.6em;
      height: auto;
      overflow: visible;
      margin-left: 0;
      display: flex;
      justify-content: center;
      font-size: 0.9em; }
    .home main > nav li, .post-type-archive-mc_event main > nav li {
      margin-right: 0.75em;
      height: 4.25em;
      vertical-align: middle;
      flex: 1; }
      .home main > nav li:last-child, .post-type-archive-mc_event main > nav li:last-child {
        margin-right: 0; }
      .home main > nav li span.br, .post-type-archive-mc_event main > nav li span.br {
        display: inline; }
      .home main > nav li a, .post-type-archive-mc_event main > nav li a {
        background: white;
        padding: 0.5em 0.75em;
        font-size: 1.15em;
        line-height: 1.3em;
        text-align: center;
        height: 100%;
        color: #ed1c28; }
      .home main > nav li.active a, .home main > nav li a:hover, .post-type-archive-mc_event main > nav li.active a, .post-type-archive-mc_event main > nav li a:hover {
        background: #ed1c28;
        color: white; }
      .home main > nav li#featured a, .post-type-archive-mc_event main > nav li#featured a {
        padding: 1.33em 1.25em 0; }

  .home main li.active a, .home main li#featured a {
    background: #ed1c28;
    color: white; }

.single-mc_venue main nav .toggle, .single-mff_festival main nav .toggle, .tax-xdgp_genre main nav .toggle {
    position: relative;
    top: -240px;
	left: -150px;
    z-index: 200;
    width: 32.5%; 

}
.single-mc_venue main nav .toggle .icon, .single-mff_festival main nav .toggle .icon, .tax-xdgp_genre main nav .toggle .icon {
      display: inline-block;
      transition: fill 0.15s; }
.single-mc_venue main nav .toggle a:hover .icon, .single-mff_festival main nav .toggle a:hover .icon, .tax-xdgp_genre main nav .toggle a:hover .icon {
      fill: #ed1c28; }
.single-mc_venue main nav .toggle ul,    .single-mff_festival main nav .toggle ul, .tax-xdgp_genre main nav .toggle ul {
      columns: 2; }
.single-mc_venue main nav .toggle ul li,    .single-mff_festival main nav .toggle ul li, .tax-xdgp_genre main nav .toggle ul li {
      margin-bottom: 0; }
.single-mc_venue main nav .toggle ul li a,      .single-mff_festival main nav .toggle ul li a, .tax-xdgp_genre main nav .toggle ul li a {
        display: block;
        font-weight: 700;
        padding: 0.25em 1em; }
.single-mc_venue main nav .toggle.open,    .single-mff_festival main nav .toggle.open, .tax-xdgp_genre main nav .toggle.open {
      width: 66%; }

	  .page-template-page-virtualcinema main nav .toggle, .tax-xdgp_genre main nav .toggle {
	  
	    
	    z-index: 200;
	    width: 33%; }
	    .page-template-page-virtualcinema main nav .toggle .icon {
	      display: inline-block;
	      transition: fill 0.15s; }
	    .page-template-page-virtualcinema main nav .toggle a:hover .icon {
	      fill: #ed1c28; }
	    .page-template-page-virtualcinema main nav .toggle ul{
	      columns: 2; }
	    .page-template-page-virtualcinema main nav .toggle ul li{
	      margin-bottom: 0; }
	      .page-template-page-virtualcinema main nav .toggle ul li a{
	        display: block;
	        font-weight: 700;
	        padding: 0.25em 1em; }
	    .page-template-page-virtualcinema main nav .toggle.open{
	      width: 66%; }



  article.hr-11 + article.hr-14 {
    margin-top: 3em; }
  article.hr-11 + article.hr-15 {
    margin-top: 5em; }
  article.hr-11 + article.hr-16 {
    margin-top: 7em; }
  article.hr-11 + article.hr-17 {
    margin-top: 9em; }
  article.hr-11 + article.hr-18 {
    margin-top: 11em; }
  article.hr-11 + article.hr-19 {
    margin-top: 13em; }
  article.hr-11 + article.hr-19 {
    margin-top: 15em; }
  article.hr-12 + article.hr-15 {
    margin-top: 3em; }
  article.hr-12 + article.hr-16 {
    margin-top: 5em; }
  article.hr-12 + article.hr-17 {
    margin-top: 7em; }
  article.hr-12 + article.hr-18 {
    margin-top: 9em; }
  article.hr-12 + article.hr-19 {
    margin-top: 11em; }
  article.hr-12 + article.hr-20 {
    margin-top: 13em; }
  article.hr-12 + article.hr-20 {
    margin-top: 15em; }
  article.hr-13 + article.hr-16 {
    margin-top: 3em; }
  article.hr-13 + article.hr-17 {
    margin-top: 5em; }
  article.hr-13 + article.hr-18 {
    margin-top: 7em; }
  article.hr-13 + article.hr-19 {
    margin-top: 9em; }
  article.hr-13 + article.hr-20 {
    margin-top: 11em; }
  article.hr-13 + article.hr-21 {
    margin-top: 13em; }
  article.hr-13 + article.hr-21 {
    margin-top: 15em; }
  article.hr-14 + article.hr-17 {
    margin-top: 3em; }
  article.hr-14 + article.hr-18 {
    margin-top: 5em; }
  article.hr-14 + article.hr-19 {
    margin-top: 7em; }
  article.hr-14 + article.hr-20 {
    margin-top: 9em; }
  article.hr-14 + article.hr-21 {
    margin-top: 11em; }
  article.hr-14 + article.hr-22 {
    margin-top: 13em; }
  article.hr-14 + article.hr-22 {
    margin-top: 15em; }
  article.hr-15 + article.hr-18 {
    margin-top: 3em; }
  article.hr-15 + article.hr-19 {
    margin-top: 5em; }
  article.hr-15 + article.hr-20 {
    margin-top: 7em; }
  article.hr-15 + article.hr-21 {
    margin-top: 9em; }
  article.hr-15 + article.hr-22 {
    margin-top: 11em; }
  article.hr-15 + article.hr-23 {
    margin-top: 13em; }
  article.hr-15 + article.hr-23 {
    margin-top: 15em; }
  article.hr-16 + article.hr-19 {
    margin-top: 3em; }
  article.hr-16 + article.hr-20 {
    margin-top: 5em; }
  article.hr-16 + article.hr-21 {
    margin-top: 7em; }
  article.hr-16 + article.hr-22 {
    margin-top: 9em; }
  article.hr-16 + article.hr-23 {
    margin-top: 11em; }
  article.hr-16 + article.hr-24 {
    margin-top: 13em; }
  article.hr-16 + article.hr-24 {
    margin-top: 15em; }
  article.hr-17 + article.hr-20 {
    margin-top: 3em; }
  article.hr-17 + article.hr-21 {
    margin-top: 5em; }
  article.hr-17 + article.hr-22 {
    margin-top: 7em; }
  article.hr-17 + article.hr-23 {
    margin-top: 9em; }
  article.hr-17 + article.hr-24 {
    margin-top: 11em; }
  article.hr-17 + article.hr-25 {
    margin-top: 13em; }
  article.hr-17 + article.hr-25 {
    margin-top: 15em; }
  article.hr-18 + article.hr-21 {
    margin-top: 3em; }
  article.hr-18 + article.hr-22 {
    margin-top: 5em; }
  article.hr-18 + article.hr-23 {
    margin-top: 7em; }
  article.hr-18 + article.hr-24 {
    margin-top: 9em; }
  article.hr-18 + article.hr-25 {
    margin-top: 11em; }
  article.hr-18 + article.hr-26 {
    margin-top: 13em; }
  article.hr-18 + article.hr-26 {
    margin-top: 15em; }
  article.hr-19 + article.hr-22 {
    margin-top: 3em; }
  article.hr-19 + article.hr-23 {
    margin-top: 5em; }
  article.hr-19 + article.hr-24 {
    margin-top: 7em; }
  article.hr-19 + article.hr-25 {
    margin-top: 9em; }
  article.hr-19 + article.hr-26 {
    margin-top: 11em; }
  article.hr-19 + article.hr-27 {
    margin-top: 13em; }
  article.hr-19 + article.hr-27 {
    margin-top: 15em; }
  article.hr-20 + article.hr-23 {
    margin-top: 3em; }
  article.hr-20 + article.hr-24 {
    margin-top: 5em; }
  article.hr-20 + article.hr-25 {
    margin-top: 7em; }
  article.hr-20 + article.hr-26 {
    margin-top: 9em; }
  article.hr-20 + article.hr-27 {
    margin-top: 11em; }
  article.hr-20 + article.hr-28 {
    margin-top: 13em; }
  article.hr-20 + article.hr-28 {
    margin-top: 15em; }
  article.hr-21 + article.hr-24 {
    margin-top: 3em; }
  article.hr-21 + article.hr-25 {
    margin-top: 5em; }
  article.hr-21 + article.hr-26 {
    margin-top: 7em; }
  article.hr-21 + article.hr-27 {
    margin-top: 9em; }
  article.hr-21 + article.hr-28 {
    margin-top: 11em; }
  article.hr-21 + article.hr-29 {
    margin-top: 13em; }
  article.hr-21 + article.hr-29 {
    margin-top: 15em; } }
@media screen and (min-width: 1180px) {
  body > header nav #menu-user a {
    font-weight: 700;
    padding: 0 0.75em; }
    body > header nav #menu-user a span {
      display: inline-block; }
    body > header nav #menu-user a .icon {
      margin-left: 0.5em; } }
main > header.emerging-filmmakers-competition, main article > header.emerging-filmmakers-competition, main article .wrapper > header.emerging-filmmakers-competition {
  background-color: #ff8c03; }

main > header.emerging-screenwriter-competition, main article > header.emerging-screenwriter-competition, main article .wrapper > header.emerging-screenwriter-competition {
  background-color: #ff8c03; }

  main > header.winter-academy, main article > header.winter-academy, main article .wrapper > header.winter-academy {
    background-color: #ff8c03; }
	
[class="winter-academy"] {
  background-color: #ff8c03; }

  [class="505-films-friends"] {
    background-color: #ff8c03; }


main > header.film-academy-classes, main article > header.film-academy-classes, main article .wrapper > header.film-academy-classes {
  background-color: #ff8c03; }

main > header.summer-academy, main article > header.summer-academy, main article .wrapper > header.summer-academy {
  background-color: #ff8c03; }
  
  main > header.fall-academy, main article > header.fall-academy, main article .wrapper > header.fall-academy {
    background-color: #ff8c03; }
	
main > header.spotlight-series, main article > header.spotlight-series, main article .wrapper > header.spotlight-series {
    background-color: #ff8c03; }	
	
	.edubutton {
		background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
		background-color:#ffec64;
		border-radius:6px;
		border:1px solid #ffaa22;
		display:inline-block;
		cursor:pointer;
		color:#333333;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		padding:6px 18px;
		text-decoration:none;
	}
	.edubutton:hover {
		background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
		background-color:#ffab23;
	}
	.edubutton:active {
		position:relative;
		top:1px;
	}

	.edubutton_wide {
		background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
		background-color:#ffec64;
		border-radius:6px;
		border:1px solid #ffaa22;
		display:inline-block;
		cursor:pointer;
		color:#333333;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
		padding:6px 18px;
		text-decoration:none;
		text-align: center;
		margin-bottom:15px;
		width:95%;
	}
	.edubutton_wide:hover {
		background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
		background-color:#ffab23;
	}
	.edubutton_wide:active {
		position:relative;
		top:1px;
	}

	.JoinButton {
		background-color:#0e7ae6;
		display:inline-block;
		cursor:pointer;
		color:#ffffff;
		font-family:Arial;
		font-size:15px;
		font-weight:bold;
		padding:15px 13px;
		text-decoration:none;
		margin-top:10px;
	}
	.JoinButton:hover {
		background-color:#378de5;
		color:#ffffff;
	}
	.JoinButton:active {
		position:relative;
		top:1px;
	}

        
			
	}
	#menu-support { /* outer ul element */
		padding-bottom: 0px;
		margin-bottom: 0px;
	
	}

	#menu-support > li { /* outer ul element's children li */

	font-size: 20px;
	padding-bottom: 10px;
	
	}
	#menu-support li.current-menu-item a{
		color: #ed1c28;
	}
	#menu-support li.current-menu-item  > ul > li a {
		color: #ed1c28;
	}
	
	#menu-support > li > ul { /* first 'inner' ul element */
	padding-left:15px !important;
	padding-top: 10px !important;
	padding-bottom: 0px !important;
	}

	#menu-support > li > ul > li { /* first 'inner' ul element's li children */
	font-size: 15px;
	line-height: 12px;
	}
        
	#menu-education_side { /* outer ul element */
		padding-bottom: 0px;
		margin-bottom: 0px;
	
	}

	#menu-education_side > li { /* outer ul element's children li */

	font-size: 20px;
	padding-bottom: 10px;
	
	}
	#menu-education_side li.current-menu-item a{
		color: #ed1c28;
	}
	#menu-education_side li.current-menu-item  > ul > li a {
		color: #ed1c28;
	}
	
	#menu-education_side > li > ul { /* first 'inner' ul element */
	padding-left:15px !important;
	padding-top: 10px !important;
	padding-bottom: 0px !important;
	}

	#menu-education_side > li > ul > li { /* first 'inner' ul element's li children */
	font-size: 14px;
	line-height: 14px;
	}

/*# sourceMappingURL=style.css.map */

.storeimage {
	float:left;
	padding-right:10px;
	height:250px;
	width:250px;
}

@media screen and (max-width: 900px) {

.storeimage {
	float:left;
	padding-right:10px;
	height:100%;
	margin-bottom:10px;
	width:100%;
}

	
}

@media only screen and (max-width: 600px) {
	
	a.stepbystep {
		color:black;
		letter-spacing: 2px;
		font-size:12px;
	}
}

@media only screen and (min-width: 601px) {
	
	a.stepbystep {
		color:black;
		letter-spacing: 2px;
		font-size:20px;
	}
}


a.stepbystep {
	color:black;
	letter-spacing: 2px;
	
}

a.stepbystep:hover {
	color:white;
}

.memberswrapper a {
	font-weight: 800!important;
}

.memberswrapper ul {
    list-style-image: url(https://montclairfilm.org/images/MF-bullet10px.png)!important;
	 margin-left: 1em!important; 
}

.memberswrapper {
	border-style: solid;
	border-width: 2px; 
	border-color:#cececd;
	width: 100%;
	margin-bottom: 20px;
}


.membersbox {
background-color: #9c4f96; 
color: white; 
font-size:20px;
line-height:30px;
text-transform: uppercase;
padding-left:20px;
font-weight:bolder;
}

.levelfullwrapper{
 width:100%;	
 border-bottom: 2px;
 border-style: solid;
 border-color:#cececd;
}

.levelwrapper{
 padding-top:25px;
 padding-left:10px;
 padding-right:10px;
 width:100%;	
}

.leveltitle{
 color:#9c4f96;
 font-size:26px;
 line-height:35px;
 font-weight:bolder;
 float:left;
  padding-left:15px;
}

.leveltitle-l{
 color:#9c4f96;
 font-size:26px;
 line-height:35px;
 font-weight:bolder;
 float:left;
  padding-left:15px;
}



.levelprice{
 color:#9c4f96;
 font-size:26px;
  line-height:35px;
 font-weight:bolder;
 float:right;
}

.leveltitle-d{
 color:#9c4f96;
 font-size:26px;
 line-height:35px;
 font-weight:bolder;
 float:left;
  padding-left:15px;
}

.leveltitle-ld{
 color:#9c4f96;
 font-size:26px;
 line-height:35px;
 font-weight:bolder;
 float:left;
  padding-left:15px;
}



.levelprice-d{
 color:#9c4f96;
 font-size:26px;
  line-height:35px;
 font-weight:bolder;
 float:right;
}

.leveljor{
 background-color:#ef5959;
 color:white;
 font-size:15px;
 line-height:35px;
 margin-left:15px;
 padding-left:10px;
 padding-right:10px;
 font-weight:bolder;
 float:right;
}

.linkbutton{
 background-color:#ef5959;
 color:white;
 font-size:25px;
 line-height:55px;
 padding-left:10px;
 padding-right:10px;
 font-weight:bolder;
 margin-top:10px;
}

.linkbutton2{
 background-color:#ef5959;
 color:white;
 font-size:15px;
 line-height:35px;
 padding-left:10px;
 padding-right:10px;
 font-weight:bolder;
 border-radius: 10px;
 width:50%;
 margin: auto;
 display: block;
 text-transform: uppercase;
}

.linkbutton3{
 background-color:#ef5959;
 color:white;
 font-size:15px;
 line-height:35px;
 padding-left:10px;
 padding-right:10px;
 margin-bottom:20px!important;
 font-weight:bolder;
 border-radius: 10px;
 width:70%;
 margin: auto;
 display: block;
 text-transform: uppercase;
}

.linkbutton a :hover{

 color:red;

}

.linkbutton a{
 color:white;
 text-transform: uppercase;
 display: block;
}

.linkbutton2 :hover{

 color:#ed1c28;

}

.linkbutton3 a{
 color:white;
 text-transform: uppercase;
}

.linkbutton3 :hover{

 color:#ed1c28;

}

.linkbutton2 a{
 color:white;
 text-transform: uppercase;
}



.leveljor a{
 color:white;
 text-transform: uppercase;
}

.levelbens{
 color:black;
 font-size:22px;
 border-bottom: 2px;
 padding-bottom:10px;
 border-style: solid;
 border-color:#cececd;
 padding-left:15px;
}

.members-side {
padding-right:10px;
}

.ea-header{
	
}

.ea-body
{
	padding: 0px 15px 15px 15px!important;
}

.ea-header a {
	padding: 15px 15px 0px 15px!important;
}

.ea-body p {
margin: 0px!important;
padding-top:10px!important;
}


@media only screen and (max-width: 800px) {



.members-side {
padding-left:10px;padding-right:10px;padding-bottom:10px;
}

	.membersbox {
	background-color: #9c4f96; 
	color: white; 
	font-size:15px;
	line-height:25px;
	text-transform: uppercase;
	padding-left:20px;
	font-weight:bolder;
	}
	
	
	.leveltitle{
	 color:#9c4f96;
	 font-size:19px;
	 line-height:25px;
	 font-weight:bolder;
	 float:left;
	}
	
	.leveltitle-l{
	 color:#9c4f96;
	 font-size:20px;
	 line-height:25px;
	 font-weight:bolder;
	 float:left;
	}
	
	.levelprice{
	 color:#9c4f96;
	 font-size:19px;
	 line-height:25px;
	 font-weight:bolder;
	 float:right;
	} 

	.leveltitle-d{
	 color:#9c4f96;
	 font-size:19px;
	 line-height:25px;
	 font-weight:bolder;
	 width:100%;
	 padding-left:15px;
	}
	
	.leveltitle-ld{
	 color:#9c4f96;
	 font-size:19px;
	 line-height:25px;
	 font-weight:bolder;
	 float:left;
	 width:100%;
	 padding-left:15px;
	}
	
	.levelprice-d{
	 color:#9c4f96;
	 font-size:20px;
	 line-height:25px;
	 font-weight:bolder;
	 float:left;
	 padding-left:15px;
	} 
		
	.leveljor{
	 background-color:#ef5959;
	 color:white;
	 font-size:10px;
	 line-height:25px;
	 margin-left:15px;
	 padding-left:10px;
	 padding-right:10px;
	 font-weight:bolder;
	 float:right;

	}
	
	.levelbens{
	 color:black;
	font-size:14px;
	 border-bottom: 2px;
	 padding-bottom:10px;
	 border-style: solid;
	 border-color:#cececd;
	}
	
}

.gridl {
	float:left;
	padding-top:0px;
	margin-top:0px;
	
}
.gridr {
	padding-top:0px;
	margin-top:0px;
	float:left; 
}


@media (min-width: 1301px) {
	main > header {	background-image: url(https://montclairfilm.org/images/festival-bg/MFF-2025-Website-2000x350-v1.jpg);height:300px;max-width:100%!important;}
	#festival-logo {margin-left:0px;max-width: 360px;}
}

@media only screen and (max-width: 1300px) and (min-width: 901px) {
	main > header {	background-image: url(https://montclairfilm.org/images/festival-bg/MFF-2025-Website-1280x350-v1.jpg);height:300px;max-width:100%!important;}
	#festival-logo {margin-left:130px;max-width: 360px;}
}

@media only screen and (max-width: 900px) and (min-width: 53px) {
	main > header {	background-image: url(https://montclairfilm.org/images/festival-bg/MFF-2025-Website-770x250-v1.jpg);height:275px;max-width:100%!important;}
	#festival-logo {margin-left:60px;margin-top:30px;max-width: 300px;}
	
}

@media only screen and (max-width: 535px) and (min-width: 451px) {
	main > header {	background-image: url(https://montclairfilm.org/images/festival-bg/MFF-2025-Website-420x250-v1.jpg);height:275px;max-width:100%!important;}
	#festival-logo {margin-left:60px;margin-top:30px;max-width: 300px;}
	
}

@media only screen and (max-width: 450px) and (min-width: 411px) {
	main > header {	background-image: url(https://montclairfilm.org/images/festival-bg/MFF-2025-Website-420x250-v1.jpg);height:250px;max-width:100%!important;}
	#festival-logo {margin-left:30px;margin-top:50px;max-width: 300px;}
}

@media only screen and (max-width: 410px) and (min-width: 100px) {
	main > header {	background-image: url(https://montclairfilm.org/images/festival-bg/MFF-2025-Website-420x250-v1.jpg);height:220px;max-width:100%!important;}
	#festival-logo {margin-left:30px;margin-top:50px;max-width: 300px;}
}
	

	
		.gridl {
	float:left;
	padding-top:0px;
	padding-bottom:10px;
	margin-top:0px;
	width: 100%;
	
}
.gridr {
	padding-top:0px;
	margin-top:0px;
	float:left; 
	width: 100%;
}
	
	
}


