/*
 Theme Name:     Canvas Child Theme for Chicago Intl Film Festival
 Theme URI:      https://woocommerce.com/products/canvas/
 Description:    Canvas Child Theme
 Author:         Grab Bag Media
 Author URI:     http://www.grabbagmedia.com
 Template:       canvas
 Version:        1.0.0
*/
 
@import url("../canvas/style.css");
@import url("custom-editor-style.css");
 
/* Theme customization starts here
------------------------------------------------------- */

/***** Basic theme touchups *****/
#header { padding-bottom:0 !important; }
.entry ul.icons-large { padding:0 0 0 0px !important; }
#footer-widgets .widget { color:rgb(255,255,255) !important; }
.no-bottom-margin { margin-top:2em; margin-bottom:0 !important; }
.tight-margins {margin-top:0; margin-bottom:0; }
.ult-carousel-wrapper {margin-bottom:0 !important; }
s { text-decoration:line-through; }

/***** Styling for Max Mega Menu drop down menus with widgets *****/
.mega-menu-item-type-widget ul { list-style:none; margin-left:0; padding-left:0; }
.mega-menu-item-type-widget ul li { line-height:1.6; margin:0; padding:0;  }
.mega-menu-item-type-widget ul a { color:#000; text-decoration:none; }
.mega-menu-item a:hover { color:#ed1c24 !important;  }
.menu-item-description {
	display:block;
	font-size:75%;
	line-height:1.3;
	font-weight:normal;
	color:#000 !important;
	text-decoration:none !important;
	text-transform:none !important;
}
#inner-wrapper .mega-menu-wrap {
    margin-bottom:0 !important;
}

/***** Styling for new Footer widgets *****/
#footer-widgets-container .block,
#footer-widgets-container p,
#footer-widgets-container div,
#footer-widgets-container h3  { color:rgb(255,255,255) !important; }
#footer-widgets-container a:hover { color:#fff; }
#footer-container { border:none !important; }
#footer { padding-top:0 !important; }
#footer-widgets-container .block>.widget { margin-bottom:0 !important; }

/***** Adjustments to slider to create home page cover image *****/
#loopedSlider { margin-bottom:25px; }
.business-slider { height:400px !important; overflow:hidden; }
#loopedSlider h2 {
	margin:0;
	padding:0 0 5px 0 !important;
	color:#fff;
	text-align:left;
}
#loopedSlider h3 {
	margin:0;
	padding:0;
	color:#fff;
	text-align: left;
}
#loopedSlider .content p {
	padding-left:0 !important;
	color:#fff;
}
#loopedSlider .content p a {
	margin-bottom:-1em;
}
#loopedSlider .content { top:0 !important; }

@media (min-width: 1000px) { /* moves hero image info box when the screen size is large */
  .business-slider .content {
		right:0 !important;
		width:980px !important; margin:0 auto !important;
		background:rgba(0,0,0,0) !important;
		padding:0 !important;
		}
		.business-slider .content .excerpt {
					background:rgba(0,0,0,0.5);
					padding:30px;
					width:40%;
		}
}

/***** Style for Film Category Overview page *****/
.category-interface {
	width:100%;
	display:flex;
		margin:0;
		padding:0;
}
.category-interface>.festival-navigation {
	width:25%;
}
.festival-navigation ul {
	margin:0;
	padding:0;
	list-style:none;
}
.festival-navigation li {
	display:block;
	margin-bottom:0.5em;
	border-radius:2px;
	overflow:hidden;
}
.festival-navigation li a {
	display:block;
	width:100%;
	background:rgb(214,26,36);
	padding:1em;
	font-size:1.25em;
	color:rgb(255,255,255) !important;
	text-decoration:none;
	font-weight:bold;
}
.festival-navigation a:hover {
	background:rgb(240,98,102);
}
.category-list div {
		display:block;
		position:relative;
		float:left;
		margin:0 8px 12px 8px;
		width:242px; height:auto;
		/* width:300px; height:200px;*/ 
		border:none;
}
.category-list div:hover {
		opacity:0.5;
		transition: opacity 0.1s ease-out;
	}

/***** Style for the festival sidebar menu *****/
ul.page-link-menu { margin:0;padding:0;list-style:none; }
ul.page-link-menu li { display:block;margin-bottom:1em; }
ul.page-link.menu li a { display:block;padding:0.5em;background:rgb(214,26,36);color:#fff;text-decoration:none; }

/* Style the Film List page */
.film-list {
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	padding:0;margin:0;
	padding-left:0 !important;
}
.film-listing {
	margin:8px;
	width:calc(33% - 16px);
	height:175px;
  overflow:hidden;
	position:relative;
	display:block;
	background-size:auto 100%;
	background-position:center center !important;
}
.film-listing a {
	display:block;
	width:100%;
	height:100%;
}
.film-listing .film-title {
	position:absolute;
	bottom:0;
	padding:0.5em;
	background:rgba(0,0,0,0.5);
	display:block;
	width:calc(100% - 1em);
	color:#fff;
 	font-weight:bold;
}
.film-listing .new-badge {
	z-index:2;
	display:block;
	position:absolute;
	top:5px;
	left:-2px;
	font-size:12px;
	line-height:1em;
	font-weight:bold;
	text-transform:uppercase;
	padding:5px 10px;
	background:yellow;
	border:1px solid rgba(0,0,0,0.5);
}
.film-listing .new-badge:before {
	content:'Recently Added!';
	color:#000;
}
.film-listing .overlay { 
	z-index:3;
	display:block;
	position:absolute;
	width:calc(100% - 2em);
	height:calc(100% - 2em);
	background:rgba(215,35,35,0.75);
	padding:1em;
	color:#fff;
	opacity:0;
}
.film-listing:hover .overlay {
	display:block;
	opacity:1;
	transition: opacity .25s ease-in-out;
}
.film-listing:hover .overlay::after {
	content:'MORE »';
	font-size:1.25em;
	color:#fff;
	display:block;
	position:absolute;
	z-index:3;
	right:10px; bottom:10px;
}
.film-listing:hover .title {
	opacity:0;
	transition: opacity .25s ease-in-out;
}

/***** Style for individual film or event pages *****/
.tribe-events-notices {
	margin-bottom: 0;
}
h2.film-title {
	display:block;
	font-size:2.25em;
	padding:1rem 0;
	margin:0 !important;
}
.film-post {
	width:100%;
	display:flex;
}
.film-post label {
	text-transform:uppercase;
	font-weight:bold;
}
.film-post ul {
	margin:0 0 1em 0;
	padding:0;
	list-style:none;
}
.film-post ul li {
	display:block;
	margin:0;
}
.film-post-overview {
	width:calc(66% - 40px);;
	padding-right:40px;
	color:rgb(0,0,0) !important;
}
	.film-post-overview p {
		color:rgba(0,0,0) !important;  /* does not work for some reason */
	}
	.film-post-images img {
		width:100%;
		max-width:600px;
		height:auto;
		margin-bottom:1em;
	}
	.film-post-sections {
		margin-bottom:1em;
	}
	.film-post-synopsis label:not(:first-of-type) {
		margin-top:1em;
	}
	.film-post-synopsis img {
		height:75px;width:auto;
	}
section.film-post-info {
	color:rgb(110,110,110);
	width:33%;
}
	.film-post-info>div {
		margin-bottom:3em;
	}
	.film-post-trailer {
		display:block;
		position:relative;
		width:100%;
		height:auto;
		padding-bottom:56.25%;
    padding-top:30px;
		height:0;
		overflow: hidden;
	}
	.film-post-trailer iframe {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
	}
	.film-post-info>div>label:first-of-type {
			display:block;
			font-size:1.5em;
	}
.tribe-events-address { font-style:normal !important; }
.tribe-events-address .tribe-country-name { display:none; }
.single-tribe_events .tribe-events-event-image {
    text-align:left;
}
.rush-only { color:#ed1c24; font-weight:bold; }
	
/***** Event menu styling *****/
.tribe-events-page-title {
	margin-bottom:0 !important;
	font-weight:bold !important;
	text-align:left !important;
}
.events-list-view-single,
.events-day-view-single { display:flex; flex-wrap:wrap; }
.tribe-events-list .type-tribe_events {
	padding-top:0;
	padding-bottom:1em;
}
.tribe-events-list-separator-month {
	font-size:1.5em;
	font-weight:normal;
	letter-spacing:2px;
	margin-top:1em;
}
.listing-header { margin-bottom:0em; width:100%; }
.listing-header h2 {
	font-size:1.25em;
	width:75%;
	padding: 0.25em 1em 0.25em 0.5em;
	background:#000;
	color:#fff;
	display:inline-block;
}
.listing-header h2.non-screening {
	background:#fff;
	border:2px solid #000;
	color:#000;
}

.listing-image {
	margin-left:0;
	margin-right:20px;
	margin-bottom:0.5em;
	width:100px;
}
.listing-image img { width:100% !important; height:auto; }
.listing-image .tribe-events-event-image { width:100% !important; margin:0 !important; float:none; }
.single-tribe_events .tribe-events-event-image { margin-bottom:0; }
.listing-image img:hover { opacity:0.70; }
.listing-info { display:block; overflow:hidden; padding-top:1em; }
.listing-info label { 
	text-transform:uppercase;
	font-weight:bold;
}
.listing-info ul {
	margin:0 0 1em 0;
	padding:0;
	list-style:none;
}
.listing-info ul li {
	display:block;
	margin:0;
}
.listing-info:after { clear:left; }
.tribe-events-tooltip .tribe-event-description { display:none; }

/***** Sponsor listings formatting ***/
.sponsors-level1,
.sponsors-level2,
.sponsors-level3 { 
/*	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	justify-content:center; */
	text-align:center;
	margin:0 auto 10px auto;
}
.sponsors-level1 img {
	height:85px; width:auto;
}
.sponsors-level2 img {
	height:60px; width:auto;
	padding:5px;
}
.sponsors-level3 img {
	height:40px; width:auto;
	padding:5px;
}
.sponsors-level1 img:hover,
.sponsors-level2 img:hover,
.sponsors-level3 img:hover {
	opacity:0.7;
}

/***** Styles the Simple Twitter Tweets plugin to be pretty *****/
.PI_SimpleTwitterTweets .tweets {
	padding-left:0;
	list-style:none;
}
.PI_SimpleTwitterTweets h4.title {
	font-size:24px;
	display:block;
}
.PI_SimpleTwitterTweets .avatar {
	padding-top:7px; padding-bottom:7px;
	padding-left:72px; padding-right:7px;
	margin-left:0;
	margin-bottom:0;
	border:1px solid #999;
	border-radius:8px;
}
.PI_SimpleTwitterTweets .avatar img {
	margin-left:-65px;
}
.PI_SimpleTwitterTweets .avatar p {
	margin:0;
}
.PI_SimpleTwitterTweets .avatar .username {
	font-weight:bold;
}
.PI_SimpleTwitterTweets .avatar .handle {
	color:#D7D7d7;
}
.PI_SimpleTwitterTweets .avatar .stt-em {
	display:inline; padding-right:2em;
	color:#999 !important;
	}
.PI_SimpleTwitterTweets .avatar .stt-em a {
	color:#999 !important;
	}.PI_SimpleTwitterTweets .avatar .intent-meta {
	display:inline;
}

/***** Blog styling *****/
.blog-post>.section-title {
	display:block;
	padding-bottom:2px;
	border-bottom:2px solid #000;
	margin-bottom:1.5em;
}
#player { width:100%;height:100%; }
#player video {
	width:75% !important; height:auto !important;
}

/***** WooCommerce styling *****/
.button.add_to_cart_button {
	font-size:14px;
}
.related .button.add_to_cart_button {
	font-size:10px;
}
.product .images {
	text-align:center;
}
.wpb_single_image {
	margin-bottom:0;
}
.mainstorebutton {
	margin-bottom:2px;
}
.mainstorebutton:hover {
	opacity:0.7;
}

/***** Hot Spots Page styling *****/
ul.hotspots-list {
	margin:0; padding:0;
}
ul.hotspots-list li {
	display:block;
	float:left;
	width:220px;
	height:225px;
	margin-right:25px;
	margin-bottom:25px;
}
ul.hotspots li img {
	display:block;
	width:225px;
	height:150px;
}