@charset "UTF-8";

/* container-global styles  */

body {
  font-family: "Century Gothic",'Muli', sans-serif;
  font-weight: normal;
  line-height: 1.4;
  color: #2f2f2f;
}

ul {
	list-style-type: none !important;
}

a {
	font-weight: bold;
}

/* ------------------------------- */
/* css for topbar and mobile menu  */

.top-bar {
	background-color: #2b2c2c !important;
	margin: 0px !important;
	padding-bottom: 15px !important;
	padding-top: 0px !important;
}

.top-bar li a:hover {
	background-color: #5e7784 !important;
} 

.sticky-topbar {
  width: 100% !important;
}

#topbar-center-logo {
	background-color: #2b2c2c !important;
	padding-top: 15px !important;
}

.topbar-center-logo .menu {
  background-color: #2b2c2c;
}

.topbar-center-logo .menu a {
  color: #ffffff;
  text-transform: uppercase !important; 
}

.topbar-center-logo .top-bar-center {
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.top-bar-right {
	padding-top: 20px !important
}

@media screen and (max-width: 39.9375em) {
  .topbar-center-logo .top-bar-center {
    display: none;
  }
}

.topbar-center-logo-mobile {
  background: #2b2c2c !important;
}

.menu-icon {
  margin-top: 15px !important;
  float: right;
}

.custom-dropdown {
	border-color: #6b8d9e !important;
	background-color: #6b8d9e !important;
	font-weight: bold;
	z-index: 9999 !important;
}

.custom-dropdown ul {
	border-width: 0px !important;
	border-color: #6b8d9e !important;
	background-color: #6b8d9e !important;
	font-weight: bold;
	z-index: 9999 !important;
}

.custom-dropdown li:hover {
	background-color: #5e7784 !important;
}

.custom-dropdown ul li {
	line-height: 1.1em !important;
	padding-left: 17px !important;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}

.dropdown {
	z-index: 9999 !important;
}

.sub-menu ul {
	margin-left:0px !important;
}

.sub-menu ul li {
	padding-left: 15px !important;
}

.sub-menu-medium ul {
	margin-left: 0px !important;
}


/* -------------------------------- */
/* site-wide styles */

.columns {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: 20px;
}

.columns ul li {
	list-style: none !important;
	color: #ffffff !important;
}

h1 {
	font-weight: 500 !important;
}

/* --------------------------------
/* Nivo styles */

.nivo-layer {
	z-index: 1 !important;
}
	
/* -------------------------------- */
/* front About styles */

.front-about {
	padding-bottom:  10px;
}
	
.front-about-title {
	font-weight: 600;
	letter-spacing: 1px;
}

/* -------------------------------- */
/* front feed styles */

.front-feed {
	padding-left: .75rem !important;
	padding-right: .75rem !important;
	padding-top: 10px !important;
	padding-bottom: 20px !important;
}
	
/* -------------------------- */
/* Selections styles */

.search-cats {
	height:auto;
	text-align: center;
	background: #bdbdbd;
	padding-bottom: 10px;
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 20px;
}

.selection-year {
	text-align: center;
	padding-top: 0px;
	padding-bottom: 20px;
	font-size: 1.5rem;
	letter-spacing: 3px;
	font-weight: 500;
}

.film-selection {
    margin-bottom: 30px !important;
}

.film-selection-title {
	font-size: 1.1em;
	line-height: 1.1em;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 2px;
}

.film-directors {
	font-size: .9em;
	font-weight: 400;
	line-height: 1.1em;
	padding-left:15px;
	text-indent:-15px;
	
}
.film-metadata {
	font-size: .9em;
	font-weight: 400;
	line-height: 1.1em;
	padding-top: 13px;
	padding-bottom: 13px
}

.film-synopsis {
	font-size: .9em;
	font-weight: 400;
	line-height: 1.1em;
}

/* ------------------- */
/* film entry styles */

.film-title {
	font-size: 1.4em;
	font-weight: 600;
}

.film-title-lg {
	font-size: 2.0em;
	font-weight: 600; 
	padding-bottom: 10px;
}

.film-byline {
	font-size: 1.1em;
}

.screening {
	font-size: 1.1em;
	font-weight: 500;
}

.streaming-dates:hover {
	background: #2991bd !important;
} 

.premiere-status {
	font-size: 1.1em;
	margin-top: 10px;
	text-transform: uppercase !important ;
}

.synopsis {
	font-size: 1.1em;
}

/* responsive video styles */

figure { 
	 display: block; padding: 0px !important; 
}
	 
/* Reset button styles. */

button {
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
}

/* button styles */

.go-back {
    display: inline-block;
    padding: .5rem 1rem;
    margin: 0;
    text-decoration: none;
    background: #35b7dd ;
    color: #ffffff;
    font-family: "Century Gothic",'Muli',Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    text-align: center;
    transition: background 250ms ease-in-out, transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.go-back:hover,
.go-back:focus {
    background: #2c9bbc;
}

.go-back:focus {
    outline: 1px solid #2c9bbc;
    outline-offset: -4px;
}

.go-back:active {
    transform: scale(0.99);
}

/* Button styles end */

/* pagination color for active page */

.active {
	color: red !important;
}

/* expand film selection grid beond default 1200px */

.expanded {
	max-width:1400px !important;
}

@media only screen and (max-width:640px) {
                img {
                      display:block !important;
                      float:none !important;
                      width:100% !important;
                      height:auto !important;
                      margin:0 0 .5rem 0 !important;
                  }
              }

/* ------------------------------ */
/* sponsor logos styles */
	
.sponsors-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 5px;
  width: 250px;
}

.sponsor-logo-container {
	text-align: center !important;
	padding-bottom: 20px;
}

.sponsor-logos {
	display: inline-block !important;
  	height: 50px !important;
  	width:inherit !important;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	padding-top: 5px;
	margin-left: 0	
}

/* ------------------------- */
/* footer styles */

.social-spacer {
	margin-bottom:10px;
}

.social-icons {
	display: inline-block !important;
	height:32px !important;
	width:32px !important;
}
	
.join-mailing {
	width:143px !important; 
	height:auto !important; 
	border:0px;
	padding-bottom: 8px;
	padding-top:8px;
	display: inline-block !important;
}

.join-mailing:hover {
	background: #5a5959;
}

.footer-buttons {
	background: #727272 !important;
	margin-top: 6px !important;
	margin-bottom: 14px !important;
	width: 150px !important;
	display: inline-block !important;
}

.footer-buttons:hover {
	background: #5a5959 !important;
}

.footer-buttons-donate {
	background: #35b7dd !important;
	margin-top: 6px !important;
	margin-bottom: 14px !important;
	width: 150px !important;
}

.footer-buttons-donate:hover {
	background: #2c9bbc !important;
}

.footer-contact {
	font-size: .9em !important;

}

footer {
	max-width: 100%;
	text-align: center;
	font-size: .8em;
	margin: 0 auto;
	padding-left: 10%;
	padding-right: 10%;
	padding-bottom: 10px;
	background-color: #2b2c2c;
	color: #ffffff; 
}

.footer-nav {
	max-width: 100%;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 10px;
}

.footer-nav a {
	color: #ffffff !important;
	font-weight: 500;
}
	
.footer-nav a:hover {
	color: #dad7d7 !important;
	font-weight: 500;
}

.footer-nav ul li {
	list-style: none !important;
}

/* ------------------ */
/* misc styles */

 .header-logo-small {
	display: inline-block !important;
	padding-bottom:0px !important; 
	padding-left: 5px !important; 
	padding-right: 0px !important; 
	width:320px !important; 
	float: left !important;
}

/* ------------------------------ */
/* Virtual Schedule styles */

.virtual-schedule {
    font-family: 'Poppins', Helvetica, sans-serif;
    color: #3b3b3b;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 15px;
}

.virtual-schedule h2 {
    font-size: 1.4em;
    font-weight: 600;
    color: #1d8aa8;
    border-bottom: 2px solid #9CF;
    padding-bottom: 8px;
    margin-top: 30px;
    margin-bottom: 15px;
}

.virtual-schedule table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 25px;
}

.virtual-schedule th {
    background-color: #29a6c9;
    color: #fff;
    font-weight: 600;
    font-size: 0.95em;
    text-align: left;
    padding: 10px 12px;
}

.virtual-schedule td {
    padding: 12px;
    border-bottom: 1px solid #ddd;
    vertical-align: top;
}

.virtual-schedule tr:hover {
    background-color: #f5f9fc;
}

.virtual-schedule .title-cell {
    min-width: 180px;
}

.virtual-schedule .title-link {
    font-weight: 600;
    font-size: 1.05em;
    color: #0194bf;
    text-decoration: none;
    display: block;
}

.virtual-schedule .title-link:hover {
    color: #1dbbe9;
}

.virtual-schedule .location-tag {
    display: inline-block;
    font-size: 0.75em;
    font-weight: 500;
    color: #666;
    background-color: #f0f0f0;
    padding: 2px 6px;
    border-radius: 3px;
    margin-top: 4px;
}

.virtual-schedule .date-cell {
    white-space: nowrap;
    font-size: 0.95em;
    min-width: 120px;
}

.virtual-schedule .films-list {
    margin: 0;
    padding-left: 18px;
    font-size: 0.9em;
    line-height: 1.5em;
    list-style-type: disc !important;
}

.virtual-schedule .films-list li {
    margin-bottom: 3px;
    list-style: disc !important;
}

@media (max-width: 700px) {
    .virtual-schedule table,
    .virtual-schedule thead,
    .virtual-schedule tbody,
    .virtual-schedule th,
    .virtual-schedule td,
    .virtual-schedule tr {
        display: block;
    }

    .virtual-schedule thead {
        display: none;
    }

    .virtual-schedule tr {
        margin-bottom: 15px;
        border: 1px solid #ddd;
        border-radius: 4px;
        padding: 10px;
        background-color: #fafafa;
    }

    .virtual-schedule td {
        border: none;
        padding: 6px 0;
    }

    .virtual-schedule .title-cell {
        min-width: 0;
    }

    .virtual-schedule .date-cell {
        min-width: 0;
    }

    .virtual-schedule .date-cell::before {
        content: "Streaming: ";
        font-weight: 500;
    }
}