/*
Theme Name: The Morning After
Theme URI: http://code.google.com/p/the-morning-after/
Description: A magazine-style theme for WordPress, available at <a href="http://themasterplan.in/themes/the-morning-after/">The Masterplan</a>.
Version: 1.3.1
Author: Arun Kale
Author URI: http://themasterplan.in/
*/
/*Modifications by Mike Everleth http://www.undergroundfilmjournal.com/ */
/* General Style */
* { margin: 0; padding: 0; }
body { text-align: left; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 95%; line-height: 1.5; background: #fffffe; height: 100%; }
p { margin-bottom: 1em; text-align: justify; color: #333333; }
p.theater_name { font-size: 16px; height: 104px; }
p.signature { line-height: 50px; margin-bottom: 0; }
p#copyright { margin-bottom: .5em; position: relative; left: 5%; text-align: left; }
a { color: #A65B1B; text-decoration: none; }
a:hover { color: #990000; text-decoration: none; }
p a { text-decoration: none; }
p a:hover { text-decoration: underline; }
embed { padding-top: .5em; }
code { background: #F9F4A5; }
pre { margin: 1em; white-space: pre-wrap; word-break: keep-all; }
.alternate_background { background: #FBFAF1; }
#tags_list a {
text-decoration: none;
background: #F8F7EF;
border: 1px solid black;
padding: 10px;
display: inline-block;
margin: 10px;
font-weight: bold;
color: #990000;
}
/* Image styles */
img { float: left; margin: .2em 1.5em .6em 0; border: 0;}
.dvd_index img { margin: .2em 0 .6em 0; }
.film_list_stream_icon img { margin: 0; }
img.nofloat { float: none; }
.nofloat img { float: none; clear: both; }
.timeline_image img { float: none; clear: both; margin: 0;}
img.rightfloat { float: right; margin: 1.5em 0 1.5em 1.5em; }
img.bib { float: none; margin: 1.5em 1.5em 0 0; }
img.list { margin: 0 1.5em 0 0; }
img.theater_image { margin: 0; padding: 0 5% 0 20%; }
img.attachment-full { float: none; margin: 10px; width: 100%; height: auto; }
ol img { float: none; margin: 0 1.5em 0 0; padding: 0; border: 0;}
img.home_streaming, #post_text img { max-width: 100%; height: auto; }
.home_excerpt img { max-width: 130%; height: auto; }
img.streaming_display { float: none; margin: .5em auto; max-width: 100%; height: auto; }
img.home-86 { width: 86px; height: 86px; }
.streaming_center { text-align: center; clear: both; }
img.home_streaming { width: 100%; height: auto; }
img.share_icon { float: none; }
.wp-block-image figcaption { text-align: center; }
.archive-stack {padding-bottom: 1.5em;}
/* Header styles */
header { display: block; text-align: center; }
h1#title { padding: 10px 0; width: 12%; left: 14%; position: relative; float: left; }
a#journal_title { padding: 14px 0px; text-decoration: none; text-transform: uppercase; color: #990000; font: 600 32px arial, sans-serif; letter-spacing: -.020em; line-height: 1.2em; }
#pw_adbox_44411_5_0 { float: right; position: relative; right: 8%; padding: 8px 0; overflow: hidden; }
#pw_adbox_44411_5_0 img { margin: 0; }
#searchform { padding: 12px; }
/* Main Menu */
ul.menu { float: left; position: relative; left: 14%; width: auto; display: block; list-style: none; line-height: 26px; margin: 0 auto; padding: 16px 0 0 1.5%;}
ul.menu a { display: block; color: #000; background: #F8F7F3; font-weight: bold; text-decoration: none; padding: 1px 10px; }
ul.menu a:hover { text-decoration: none; background: #fff; }
ul.menu li { float: left; border: 1px solid #585858; margin: 2px 4px; width: 20%; }
ul.menu li:hover { position: static; background: #FFFFFF; }
/* Main content container */
main { display: block; }
#the_content { float: left; position: relative; left: 12%; width: 58%; padding: 20px 0; background: #ffffff; }
/* Home page columns */
a.streaming_home { font-size: 105%; display: block; }
a#streaming_more { float: right; display: block; padding: 5px 6px; font-weight: bold; color: #1F1F1F; }
a.home_title { color: #1F1F1F; font-size: 92%; }
#home_left { float: left; width: 49%; }
#home_middle { float: left; width: 50%; }
p.home_read_more { text-align: center; margin-top: 25px; }
a.home_link { margin: 15px 25px 0; padding: 5px 10px; border: 1px solid black; background: #F8F7EF; color: #990000; }
/* Streaming Watch More */
h2#streaming_head { clear: both; text-align: center; padding: 15px 0; text-transform: uppercase; }
ul.streaming_links { margin: 0 auto; padding: 10px 0 0 0; list-style: none; text-align: center; clear: both; }
ul.streaming_links:before, ul.streaming_links:after { content: ""; display: table; }
ul.streaming_links:after { clear: both; }
ul.streaming_links li { float: left; width: 25%; }
ul.streaming_links img { float: none; margin: 0 auto; padding: 0; }
h2.dvd_underground_recommend { clear: both; text-align: center; padding: 15px 0; text-transform: uppercase; }
.dvd_underground_contents { clear: both; padding-top: .8em; }
.dvd_underground_recommend { margin: 0 auto; padding: 10px 0 0 0; list-style: none; text-align: center; clear: both; }
.dvd_underground_recommend:before, .dvd_underground_recommend:after { content: ""; display: table; }
.dvd_underground_recommend:after { clear: both; }
.dvd_underground_recommend img { float: none; margin: 0 auto; padding: 0; }
.streaming_nav { display: block; float: right; width: 210px; margin: 15px 25px 0; text-align: center; padding: 5px; border: 1px solid black; background: #F8F7EF; }
.streaming_nav a { padding: 5px 6px; font-weight: bold; color: #990000; }
.streaming_index_block { overflow: hidden; margin-bottom: 1.75em; }
/**** RESPONSIVE VIDEO RESIZING *****/
#home_video, .embed-youtube, .embed-vimeo { position: relative; clear: both; padding-bottom: 52.25%; padding-top: 30px; height: 0; overflow: hidden; margin: 12px 0; }
#home_video iframe, .embed-youtube iframe, .embed-vimeo iframe, .video_container object, .video_container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
h2.top_section { width: 94%; margin: 0 auto; font-family: Verdana,Arial,Helvetica,sans-serif; text-transform: uppercase; background: #CECCC4; font-size: .8em; font-weight: bold; padding: .2em; border: 1px solid #ccc; }
h2.bottom_section { width: 94%; margin: 20px auto 0 auto; font-family: Verdana,Arial,Helvetica,sans-serif; text-transform: uppercase; background: #85A4F1; font-size: .8em; font-weight: bold; padding: .2em; border: 1px solid #ccc; }
.home_date { float: left; width: 90%; position: relative; left: 2%; text-transform: uppercase; font-size: 0.8em; line-height: 2.2em; font-weight: bold; padding-bottom: 0.2em; letter-spacing: 0.1em; color: #999; border-bottom: 1px solid #dadada; }
.home_excerpt { width: 94%; margin: 0 auto; }
.recent { margin: 0 auto; padding: 4px 0 4px 4px; width: 96%; background: #C2C0C0; }
/* Sidebar stuff */
#sidebar { float: right; position: relative; right: 8%; width: 20%; text-align: center; padding: 20px 0; }
p.widget { text-align: center; margin: 4px; }
.widget { padding: 5px 0; }
.widget img { float:none; margin: 0; padding-bottom: 10px; }
.widget a { color: #000; }
.widget a:hover { color: #990000; }
.widget ul { list-style: none; margin-left: 10px; }
.widget li { padding: 0 0 0.3em 0; margin-bottom: 0.5em; border-bottom: 1px solid #dadada; }
#pw_adbox_43620_7_0 table { margin: 0 auto; }
ul#social { margin: 0; padding: 0; text-align: center; }
.facetwitrss { display: block; height: 60px; width: 60px; text-indent:-9999px; }
ul li.face { margin: 0 10px; padding: 0; display: inline-block; background-image: url("images/spriteme1.png");
background-position: 0% -108px; }
ul li.twit { margin: 0 10px; padding: 0; display: inline-block; background-image: url("images/spriteme1.png");
background-position: 0% -168px; }
ul li.rss { margin: 0 10px; padding: 0; display: inline-block; background-image: url("images/spriteme1.png");
background-position: 0% -228px; }
/* Underground Film Archive styles */
p.ufa_item_name { margin-bottom: .2em; }
.ufa_entry_first { background: #fffffe; padding: 0.5em 0.8em; margin: 0.5em 0.8em; }
.ufa_entry_alternate { background: #FBFAF1; padding: 0.5em 0.8em; margin: 0.5em 0.8em; }
ul.archive { list-style: square; padding: 0.4em 2em; }
ul.archive li { padding-bottom: 5px;}
/* Archive styles */
#filmmaker_bio, #filmmaker_stream, #archive_desc { width: 95%; margin: 0 auto; clear: left; }
#streaming_archive_description { width: 70%; margin: 0 auto; float: left; padding: 0 0 0 5%; }
#archive_title { float: left; width: 220px; margin-right: 10px; }
#archive_info { float: left; width: 40%; position: relative; left: 2%; }
#archive_posts { float: right; width: 57%; }
#tag_archive { float: right; width: 57%; }
#cat_archive { float: left; width: 57%; position: relative; left: 2%; }
#cat_archive_wide, #tag_archive_wide { float: left; width: 75%; position: relative; left: 10%; }
#streaming_posts { width: 95%; margin: 0 auto; padding: 12px 0; clear: both; }
.streaming_img_container { width: 200px; height: 77px; float: left; padding-right: 2%; padding-bottom: 10px; }
#streaming_posts img, #related_posts img { max-width: 100%; max-height: 100%; display: block; }
.streaming_index_img_container { width: 200px; height: 77px; padding-bottom: 10px; margin: auto; }
.streaming_copy { width: 65%; float: left; }
.streaming_archive_stars { margin-bottom: 12px; padding-left: 12px; }
.watch_streaming p { margin-right: 8px; color: #EF9001; font-weight: bold; font-size: 16px; line-height: 22px; float: left; }
img.streaming_icon { margin: 2px 8px 2px 12px; }
a.streaming_trailer { font-size: 16px; font-weight: bold; line-height: 24px; float: right; }
p.archive_list { margin-bottom: .5em; }
a.archive_title { font-size: 1.1em; font-weight: bold; line-height: 1.8em; color: #1F1F1F; }
a.streaming_title { font-size: 1.5em; font-weight: bold; line-height: 1.9em; color: #1F1F1F; padding-bottom: 5px; display: block; }
a.watch_stream { color: #EF9001; font-weight: bold; font-size: 16px; line-height: 22px; margin: 10px 50px 10px 10px; display: block; float: left; }
h2.archive_filmography, h2.archive_section { background: #85A4F1; border: 1px solid black; font-size: 1.3em; letter-spacing: 1.8px; line-height: 1.21em; margin-bottom: 8px; padding: 4px 10px; text-transform: uppercase; width: 92%; }
h2.filmmaker_index_watch { clear: both; text-transform: uppercase; background: #BFAF5F; font-size: 1.1em; font-weight: bold; padding: .2em .2em .2em .5em; border: 1px solid black; }
#streaming_archive { padding-bottom: 12px; }
#streaming_archive ul { margin: 0; padding: 10px 0 0 0; list-style: none; width: 100%; text-align: center; }
#streaming_archive li { float: left; width: 25%; }
#streaming_archive img { margin: 0 auto; padding: 0; float: none; }
.archive_meta a:hover { color: #224970; }
.archive_post_block { border-bottom: 1px solid #000; margin: 0 auto .5em; min-height: 100px; clear: both; }
.archive_post_excerpt { font-size: 92%; padding: 0 0 5px 5px; }
.online_cinema_post_excerpt { font-size: 92%; padding: 0 0 5px 5px; min-height: 120px; }
.streaming_post_excerpt { padding-left: 5px; margin-bottom: 10px; }
.archive_post_excerpt p { margin-bottom: .5em; }
.archive_post_meta { color: #818181; font-size: 80%; margin-left: 5px; padding-bottom: 0.3em; }
.archive_post_meta a, a.online_cinema_more { color: #A65B1B; text-decoration: underline; }
.archive_post_meta a:hover { color: #990000; text-decoration: none; }
.archive_entry_image { text-align: center; }
.archive_entry_image img { float: none; margin: 0; }
/* Single post styles */
#post_article, #tags_list, #related_posts { width: 95%; margin: 0 auto; }
.post_cat { float: left; position: relative; left: 2%; text-transform: uppercase; font-size: 0.8em; line-height: 2.2em; font-weight: bold; padding: 0 10% 0.2em 0; letter-spacing: 0.1em; color: #999; border-bottom: 1px solid #dadada; }
.post_meta { float: left; font-size: 11px; padding: 16px 5px 0 28%; text-align: center; width: 25%; left: 25%; }
.streaming_meta { clear: both; font-size: 1.2em; text-align: center; }
blockquote { margin: 1.5em .5em 1.5em 1.5em; font-style: italic; border-color:#C5C4BC; background-color:#F8F7EF; border-width:1px 1px 1px 8px; border-style:dotted dotted dotted solid; padding: 0em 1em; }
#post_content img.posttag { margin-right: 0.3em; padding-top: 0.1em; }
video { display: block; margin: 0 auto; padding: 1em 0; }
#post_sharing { margin: 0 auto; text-align: center; }
#post_text, #page_text { clear: both; }
#streaming_info { margin: 0; width: 46%; float: right; padding-bottom: 20px; }
#streaming_text { float: left; padding: 1.2em .8em 20px 0; width: 50%; }
#streaming_text p { font-size: 104%; }
#attachment_text { text-align: center; }
#the_content hr { width: 95%; margin: 12px auto 0; clear: both; }
ul.related_post { width: 92%; margin: 0 auto; }
#streaming_on { margin: .5em auto; }
p#streaming_on { color: #A90303; padding-top: 10px; font-size: 18px; float: left; }
.signature-columns { display: flex; box-sizing: border-box; flex-wrap: wrap; }
/* More Info Box */
#more_info { float: right; width: 200px; margin: .5em 0 .5em 1.5em; font-size: 85%; border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #999; padding: 5px 15px; font-weight: bold; background: #BFAF5F; }
#more_info a { text-decoration: none; color: #000; line-height: 20px; display: block; }
#more_info img { padding-right: 15px; vertical-align: middle; }
#rating { display: block; margin-bottom: 8px; }
.available { height: 22px; padding: 6px 0; }
#more_reply { font-weight: normal; font-size: 9px; height: 12px; margin: 2px 0 18px 0; }
/* Image navigation */
.attach_nav { width: 80%; height: 150px; margin: 30px auto 0; padding: .2em 0 2em 0; display: block; }
#left_nav_arrow { font-size: 2em; padding-right: 10px; float: left; height: 150px; line-height: 150px; }
#left_nav_arrow a, #right_nav_arrow a { color: #000000; }
#left_nav_image { float: left; height: 150px; }
#right_nav_image { float: right; height: 150px; }
#right_nav_arrow { font-size: 2em; padding-left: 10px; float: right; height: 150px; line-height: 150px; }
/* Comments List */
#comments { width: 94%; margin: 0 auto; padding-top: 20px; }
ul#commentslist { list-style: none; margin: 0; }
ul#commentslist li { padding: 10px 0; margin: 15px 0; }
.comment-body { width: 94%; margin: 0 auto; }
ul.children { list-style: none; margin: 0 }
#commentslist .comment { border: 1px solid #666; }
#commentslist .children .comment { border: 1px dotted #666; padding: 10px; margin: 0 1px; }
#commentslist img { margin-right: 12px; }
cite { font-weight: bold; font-size: 14px; }
cite a { color: #990000; text-decoration: underline; }
#commentslist a {text-decoration: underline; }
.comment-meta a { font-size: 10px; color: black; }
#commentslist p { clear: both; }
a.comment-reply-link { color: #990000; text-decoration: underline; line-height: 30px; }
.navigation { width: 80%; margin: 0 auto; padding: .2em 0 2em 0; display: block; }
.navigation p { margin: 0; padding: 0; }
.attach_nav { width: 80%; margin: 30px auto 0; padding: .2em 0 2em 0; display: block; }
.alignleft { float: left; }
.alignright { float: right; }
/* Comment Form */
#respond { margin: 0 auto; }
#commentform { padding-bottom: 1em; }
#commentform label { font-weight: bold; }
.comment-form-author, .comment-form-email, .comment-form-url { float: left; width: 33%; padding: 8px 0; }
.comment-form-comment { clear: both; }
.comment-form-comment label { display: none; }
#commentform input { margin-left: 1em; width: 50%; border: 1px solid #999; }
#commentform textarea { width: 90%; height: 250px; border: 1px solid #999; }
.form-allowed-tags { display: none; }
/* Footer */
#footerall { background: #BFAF5F; padding: .5em 0; overflow: hidden; }
ul#footernav { margin: 0 auto; text-align: center; list-style: none; padding: 10px 0; }
ul#footernav:before, ul#footernav:after { content: ""; display: table; }
ul#footernav:after { clear: both; }
ul#footernav li { display: inline-block; padding: 0 8px; }
/* Form styles */
.screen-reader-text { display: none; }
input#s { border: 1px solid black; color: #990000; margin-right: 5px; width: 40%; line-height: 20px; font-size: 16px; padding-left: 1%; }
#searchsubmit { background-image: url("images/spriteme1.png"); background-position: 0% -308px; height: 24px; border: 0; width: 65px; color: #FFF; font: bold 0.9em arial, sans-serif; }
/* heading styles */
.recent_head { text-transform: uppercase; font-size: 1em; line-height: 1.4em; font-weight: bold; margin-bottom: .5em; letter-spacing: 0.2em; color: #1F1F1F; }
h1,h2,h3,h4 { font-family: 'Roboto Condensed', Arial,"Lucida Grande",Verdana,sans-serif; font-weight: bold; }
h1.archive_name { font-size: 2em; color: #990000; line-height: 2em; letter-spacing: -0.04em; border-bottom: 2px solid #000; }
h1.archive_title { position: relative; left: 2%; font-size: 2em; color: #990000; line-height: 2em; letter-spacing: -0.04em; }
h1.archive_title_wide { width: 100%; float: left; position: relative; left: 2%; font-size: 2em; color: #990000; line-height: 2em; letter-spacing: -0.04em; }
h1.search_title { position: relative; left: 2%; font-size: 2em; color: #990000; line-height: 2em; letter-spacing: -0.04em; }
h1.post_name { clear: left; text-align: center; font-size: 2.4em; color: #1F1F1F; line-height: 1.5em; letter-spacing: -0.04em; }
h1.streaming_name { margin: 0; padding: 0; clear: left; text-align: center; font-size: 2.5em; color: #1F1F1F; line-height: 1.5em; }
h2.archive_title { font-size: 1.5em; line-height: 1.4em; color: #212a49; padding-bottom: 5px; letter-spacing: -0.036em; }
h2.theater_list { font-size: 28px; text-align: center; border-top: 2px solid #000; border-bottom: 2px solid #000; margin: 30px 18px; background-color: #F8F7EF; clear: both; cursor: pointer; }
h2.archive_carousel { font-size: 1.8em; color: #7B7A7A; text-transform: uppercase; padding: 20px 0 8px 24px; clear: both; }
h3.latest_post_title { clear: both; font-size: 1.6em; color: #212a49; letter-spacing: -.025em; padding-bottom: 6px; }
h3.gallery_heading { text-transform: uppercase; font-size: 1.2em; line-height: 2.8em; padding-bottom: 0.2em; color: #000; }
h3#post_comm { clear: both; text-transform: uppercase; font-size: 1.2em; line-height: 1.4em; padding: 1.2em 0 0.2em 0; margin-bottom: 0.9em; letter-spacing: 0.1em; color: #000; border-bottom: 1px solid #000; }
h3.related_post_title { text-transform: uppercase; font-size: 1.2em; line-height: 1.8em; padding-bottom: 0.2em; color: #000; }
h3.mast { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; padding-bottom: 0.6em; letter-spacing: 0.1em; clear: both; }
#reply-title { text-transform: uppercase; font-size: 1.2em; line-height: 1.4em; padding: .2em 0; margin: 0.6em 0; letter-spacing: 0.1em; color: #000; border-bottom: 1px solid #000; }
/* miscellaneous */
.none { display: none; }
.divider { line-height: 1em; }
input.Forms, textarea.Forms { border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; padding: 2px; }
input.buttonem { background: #dadada; float: left; }
/* List styles */
ol { padding: 5px 0 5px 25px; font-weight: bold; }
ol a:hover { text-decoration: underline; }
ol li { margin-bottom: 1em; padding-bottom: .4em; font-weight: normal; }
.recent ul { margin: 0 0 3px 22px; font-weight: normal; }
.recent a { font-size: 90%; }
ul a { text-decoration: none; }
ul a:hover { text-decoration: underline; }
.related_post li { padding-bottom: 3px; }
.badlitpress { list-style: none; width: 640px; margin: 20px auto; overflow: auto; }
.badlitpress li { float: left; width: 160px; }
ul#tab_display { position: relative; list-style: none; width: 100%; margin: 0; padding: 0; text-align: center; font-size: 28px; }
ul#tab_display:before { z-index: 1; }
ul#tab_display:after { position: absolute; content: ""; width: 100%; bottom: 0; left: 0; border-bottom: 1px solid #AAA; z-index: 1; }
ul#tab_display li { position: relative; z-index: 0; background-color: #F8F7EF; width: 35%; margin: 0 10px; border-top: 2px solid #aaa; border-right: 2px solid #aaa; border-left: 2px solid #aaa; display: inline-block; }
ul#tab_display li.ui-state-active { background-color: #FFFFFF; z-index: 2; border-bottom-color: #FFFFFF; }
a.ui-tabs-anchor { color: #000000; }
a.ui-tabs-anchor:hover { color: #000000; text-decoration: none; }
ul.film_festival_list { list-style: none; width: 46%; float: left; margin-left: 0; margin-top: 10px; padding: 0 10px; border-right: 1px solid #ccc; }
ul#fest_show_hide { list-style: none; width: 100%; text-align: center; margin: 20px 0; }
ul#fest_show_hide:before, ul#fest_show_hide:after { content: ""; display: table; }
ul#fest_show_hide:after { clear: both; }
ul#fest_show_hide li { float: left; width: 25%; }
li.hide_fest_closed { text-decoration: none; display: block; border: 1px solid #000000; padding: 2px 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background-color: #ffffff; color: black; font-size: 110%; letter-spacing: 4px; }
li.hide_fest_closed:hover { -moz-box-shadow: inset 0 0 10px #d5d3d3; -webkit-box-shadow: inset 0 0 10px #d5d3d3; box-shadow: inset 0 0 10px #d5d3d3; }
li.film_fest_closed, li.film_fest_open { margin-bottom: 6px; }
li.film_fest_closed { background-color: #D8CACD; }
.film_festival_list hr { color: #ccc; height: 1px; width: 50%; margin: 10px auto; }
h2.film_festival_list { clear: both; text-align: center; font-size: 22px; letter-spacing: 4px; padding: 4px; }
.film_festival_list a { text-decoration: underline; }
.film_festival_list_header_text { text-align: center; font-size: 14px; letter-spacing: 2px; background: #ccc; border: 1px solid black; margin-bottom: 6px; padding: 4px 0; }
ul.deadlines { list-style: none; margin: 5px 0 0 4px; padding: 0; }
.deadlines li { margin: 0 0 8px 0; padding: 0; }
img.festival_list { margin: 0 .8em .6em 0; }
ul#nav_left, ul.nav_left { float: left; list-style: none; margin: 12px 0 0; }
ul#nav_right, ul.nav_right { float: right; list-style: none; margin: 12px 0 0; }
#nav_left li, .nav_left li { float: left; padding: 0 10px; }
#nav_right li, .nav_right li { float: right; padding: 0 10px; }
#nav_left a, #nav_right a, .nav_left a, .nav_right a { text-decoration: none; display: block; border: 1px solid #DE7311; padding: 2px 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background-color: #EB8F3A; color: white; font-size: 110%; letter-spacing: 4px; }
#nav_left a:hover, #nav_right a:hover, .nav_left a:hover, .nav_right a:hover { -moz-box-shadow: inset 0 0 10px #ffffff; -webkit-box-shadow: inset 0 0 10px #ffffff; box-shadow: inset 0 0 10px #ffffff; }
/* Underground Films List */
ul#filmslist { list-style: none; float: none; font-size: 12px; line-height: 18px; margin: 0 auto; text-align: center; }
ul#filmslist li { width: 226px; display: inline-block; vertical-align: top; padding: 0 2px .8em; margin: 2px; }
ul#filmslist a { color: black; }
ul#filmslist a:hover { color: #990000; }
img.list_icon { float: none; margin: 4px 10px 0; }
img.list_main { float: none; margin: 2px 1px; }
p.filmslist { margin-bottom: 0; }
p.filmslist a { color: black; }
.filmslistimage img { margin: 0; }
.filmslisticon { float: left; padding-left: 35% }
.films-list-4 { margin-bottom: 1px !important; }
/* Underground Filmmakers List */
ul#filmmakerslist { list-style: none; padding: 5px 0 5px 25px; }
ul#filmmakerslist li { margin-bottom: 1em; padding-bottom: .4em; font-weight: normal; }
ul#filmmakerslist li.filmmakerlist_name { margin-bottom: 0em; padding: 0 .6em .1em; font-size: 140%; font-weight: bold; text-transform: uppercase; clear: both; }
ul#filmmakerslist li.filmmakerslist_film { margin: 2px 2px 1em; padding: 0 .8em .4em 0; width: 226px; text-align: center; float: left; font-size: 90%; }
ul#filmmakerslist li.filmmakerslist_original { clear: both; }
ul#filmmakerslist a { color: black; }
.filmmakers_list_block .wp-block-image, p.filmmakers_list_details { margin-bottom: .1em; }
.filmmakers_list_block a { color: #000000; }
h2.filmmakers_list_name { font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 140%; font-weight: bold; text-transform: uppercase; }
.list_icon img { margin: .2em 0; }
.list_icon_left { float: left }
.list_main_no_header img { float: none; margin: 65px 0 .3em; }
/* Underground Film Timeline */
blockquote.timeline { font-size: 11px; }
h2.timeline { clear: both; font-size: 210%; text-align: center; border-top: 2px solid #000; border-bottom: 2px solid #000; margin: 20px 10px 8px 10px; background-color: #F8F7EF; }
h2.timeline_index_year { font-size: 2em; }
h3.timeline {
overflow: hidden;
text-align: center;
font-size: 140%;
padding: 8px 0 25px
}
h3.timeline:before,
h3.timeline:after {
background-color: #000;
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 10%;
}
h3.timeline:before {
right: 1.2em;
}
h3.timeline:after {
left: 1.2em;
}
h3.timeline_index_country { font-size: 1.6em; margin-left: 18px; }
h4.timeline {
overflow: hidden;
text-align: center;
font-size: 135%;
padding: 8px 0 25px;
}
h4.timeline:before, h4.timeline:after {
background-color: #000;
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 10%;
}
h4.timeline:before {
right: 1.2em;
}
h4.timeline:after {
left: 1.2em;
}
p.timeline_index_description { margin-bottom: .6em; margin-left: 15px; padding-right: 28px;}
ul.timeline_nav { width: 600px; margin: 0 auto; padding-bottom: 20px; list-style: none; font-size: 20px; font-weight: bold; line-height: 16px; }
.timeline_nav { width: 100%; margin: 0 auto; padding-top: 20px; list-style: none; font-size: 20px; font-weight: bold; line-height: 16px; }
.timeline_nav .wp-block-columns { margin-bottom: 1em; }
.timeline_nav .wp-block-column { border: 1px solid black; background: #F8F7EF; }
.timeline_nav p { margin: .5em; }
.timeline_nav li { float: right; width: 194px; text-align: center; padding: 5px 0; border: 1px solid black; background-color:#F8F7EF; }
.timeline_nav a { text-decoration: none; color: #990000; }
.timeline_event_card { margin: 0 25px !important; padding: .5% 2%; border-left: 1px solid #9e9ea1; }
.timeline_film_grid { margin: 0 25px !important; padding: .5% .1%; }
.timeline_event_card p { width: 100%; vertical-align: middle; display: inline-block; text-align: left; margin-bottom: 0; }
.timeline_film_card { margin: 0 auto 6%; padding: 6%; border: 1px solid #9e9ea1; }
.timeline_film_card p { width: 100%; vertical-align: middle; display: inline-block; text-align: left; margin-bottom: 0; }
p.timeline_filmmaker { margin-bottom: .5em; }
p.timeline_paragraph_bottom { margin: .2em 0 .8em .5em; }
p.timeline_watch_button { text-align: center; margin: 10px 0 20px 0; }
p.timeline_watch_button a { margin: 15px 25px 0; padding: 5px 10px; border: 1px solid black; background: #F8F7EF; color: #990000; }
p.view_timeline { display: block; width: 180px; margin: 15px 25px 0; text-align: center; padding: 5px; border: 1px solid black; background: #F8F7EF; }
p.view_timeline_alternate { display: block; width: 180px; margin: 15px 25px 0; text-align: center; padding: 5px; border: 1px solid black; background: #fffffe; }
p.view_timeline a, p.view_timeline_alternate a { padding: 5px 6px; font-weight: bold; color: #990000; }
/* Contact Form Page styling */
ol.forms { list-style: none; margin: 0 auto; padding: 20px 2%; width: 90%; background: #CCFFFF; border: 1px solid #C5C4BC; }
ol.forms li { margin-bottom: 18px; position: relative; width: 100%; }
ol.forms label { cursor: pointer; display: block; font-weight: bold; }
ol.forms input, ol.forms textarea { border: 1px solid #7E8AA2; border-radius: 3px; font: inherit; -moz-border-radius: 3px; padding: 2px; -webkit-border-radius: 3px; width: 45%; }
ol.forms textarea { height: 300px; width: 75%; }
ol.forms input:focus, ol.forms textarea:focus { background-color: #f2f3f6; border-color: #ff9800; }
.error { color: #f00; }
ol.forms li .error { font-size: 12px; margin-left: 20px; }
ol.forms li.textarea .error { display: block; position: absolute; right: 0; top: 0; width: 100px; }
ol.forms li.screenReader { margin-bottom: 0; }
ol.forms li.buttons button { background: #ff9800; border: 1px solid #000000; color: #000; cursor: pointer; font-family: Helvetica, Arial, sans-serif; font-size: 22px; overflow: hidden; padding: 2%; text-transform: uppercase; width: auto; }
ol.forms li.buttons button:hover { color: #222; }
ol.forms li.buttons button:active { left: -1px; position: relative; top: -1px; }
ol.forms li.inline input { width: auto; }
ol.forms li.inline label { display: inline; float: none; }
/* Carousel Styles */
.streaming_carousel img { float: none; margin: 0 auto; padding: 0; }
img.stream_img { max-width: 85%; height: auto; }
/**** MEDIA SCREENS FOR RESIZING *****/
/* for 1920px or less */
@media screen and (max-width: 1920px) {
h1#title { width: 16%; }
}
/* for 1524px or less */
@media screen and (max-width: 1524px) {
h1#title { width: 16%; }
p#streaming_on { float: none; }
#streaming_info { width: 42%; }
#streaming_text { width: 52%; }
}
/* for 1440px or less */
@media screen and (max-width: 1440px) {
h1#title { width: 20%; }
}
/* for 1400px or less */
@media screen and (max-width: 1400px) {
#the_content { width: 65%; left: 5%; }
#sidebar { width: 27%; right: 2%; }
}
/* for 1300px or less */
@media screen and (max-width: 1300px) {
ul.streaming_links li { width: 50%; padding-bottom: 3%; }
.streaming_index_img_container { padding-bottom: 3px; }
}
/* for 1166px or less */
@media screen and (max-width: 1166px) {
h1#title { width: 100%; left: 0; }
ul.menu { padding: 0 0 0 .5%;}
}
/* for 1150px or less */
@media screen and (max-width: 1150px) {
#post_sharing { width: 100%; }
}
/* for 1050px or less */
@media screen and (max-width: 1050px) {
h1#title { width: 100%; left: 0; }
ul.menu { left: 10%;}
.filmslisticon { padding-left: 15%; }
}
/* for 1060px or less */
@media screen and (max-width: 1060px) {
#the_content { width: 65%; left: .2%; }
#sidebar { width: 30%; right: 1%; }
}
/* for 963px or less */
@media screen and (max-width: 963px) {
#the_content { width: 100%; }
#sidebar { width: 100%; }
.filmslisticon { padding-left: 5%; }
}
/* for 900px or less */
@media screen and (max-width: 900px) {
#the_content { width: 100%; }
#sidebar { width: 100%; }
.filmslisticon { padding-left: 25%; }
}
/* for 775px or less */
@media screen and (max-width: 775px) {
.filmslisticon { padding-left: 35%; }
}
/* for 748px or less */
@media screen and (max-width: 748px) {
#searchform { margin-top: 15px; width: 100%; }
}
/* for 688px or less */
@media screen and (max-width: 688px) {
ul.menu { left: 2%; }
ul.menu li { width: 23%; }
}
/* for 682px or less */
@media screen and (max-width: 682px) {
#archive_info, #tag_archive, #cat_archive { width: 96%; float: none; padding: 0; margin: 0 auto; clear: both; left: 0; }
h2.archive_filmography, h2.archive_section { width: 96%; }
ul.menu { width: 100%; }
}
/* for 640px or less */
@media screen and (max-width: 640px) {
img.theater_image { padding: 0 4% 0 15%; }
}
/* for 600px or less */
@media screen and (max-width: 600px) {
ul#streaming_links img, #streaming_archive img { width: 90%; height: auto; }
}
/* for 580px or less */
@media screen and (max-width: 580px) {
ul.film_festival_list { width: 98%; float: left; margin-left: 0; margin-top: 10px; padding: 0 10px; border: none; }
img.attachment-full { width: 100%; height: auto; }
.post_cat { padding-right: 0; }
}
/* for 510px or less */
@media screen and (max-width: 510px) {
ul.menu li { width: 30%; }
}
/* for 500px or less */
@media screen and (max-width: 500px) {
#home_left { width: 100%; }
#home_middle { width: 100%; }
}
/* for 420px or less */
@media screen and (max-width: 420px) {
img.theater_image { padding: 0 4% 50px; }
p.theater_name { height: 130px; }
img.share_icon { margin: 0.2em 0.3em; }
/* for 360px or less */
@media screen and (max-width: 360px) {
a#journal_title { padding: 0; }
.menu { font-size: 80%; }
ul#post_sharing, ul#page_sharing { width: 70px; margin: 0 10px; }
ul#post_sharing li, ul#page_sharing li { float: none; }
li#google_plus { display: none; }
#post_article { padding: 0 10px; }
}
/* for 350px or less */
@media screen and (max-width: 350px) {
.post_meta { padding: 6px 0 0 0; width: 100%; }
}