/*
Theme Name: Film Stories 2020
Theme URI: http://www.filmstories.co.uk/
Description: Bootstrap-based podcast and features theme by Seb Patrick
Version: 3.0
Tags: responsive, bootstrap
*/
@import url('css/bootstrap.css');
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

/* =Theme Stuff
-------------------------------------------------------------- */

body {
    padding-top: 90px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
    font-family: Verdana, sans-serif;
    font-size: 16px;
    line-height: 22px;
}

footer {
    margin: 50px 0;
    font-family: Verdana, sans-serif;
}

a { color: #205ca2; text-decoration: none;}
a:hover { color: #fbc110; text-decoration: none;}

h1, h2, h3, h4, h5, h6 { font-family: 'BenchNine', sans-serif; line-height: 1; font-weight: 700;}
h1.blue, h2.blue, h3.blue, h4.blue, h5.blue, h6.blue { color: #205ca2;}

iframe { max-width: 100%;}

img.frontthumb {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;   
    object-fit: cover;    
    }

.image-wrapper {
    position: relative;
    width: 100%;
    padding-top: 66.67%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.index-wrapper {
    padding-top: 80%;
}

.podcast-wrapper {
    padding-top: 100%;
}

.strap-wrapper {
    position: relative;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.strap-wrapper:after {
  content: "";
  display: block;
  padding-bottom: 60%;
}

.strap-wrapper img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

.post-title, .episode-title {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 100;
    color: #FFF;
    background-color: rgba(32, 92, 162, 0.8);
    margin: 0;
    padding: 5px;
    width: 100%;
}

.post-title h2, .episode-title h2 {
    font-size: 28px;
    margin-top: 0;
    margin-bottom: 2px;
}

.post-title h3, .episode-title h3 {
    margin-top: 0;
    margin-bottom: 2px;
}

.archivetag {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 5px;
    text-transform: uppercase;
    z-index: 99;
    color: #fff;
    background-color: rgba(0,0,0,0.6);
    text-align: left;
    font-family: 'Roboto Condensed', sans-serif;
}

.indextag {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 5px;
    text-transform: uppercase;
    z-index: 99;
    color: #fff;
    background-color: rgba(0,0,0,0.6);
    text-align: left;
    font-family: 'Roboto Condensed', sans-serif;
}

.singletag {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 5px;
    text-transform: uppercase;
    z-index: 99;
    color: #fff;
    background-color: rgba(32, 92, 162, 0.8);
    text-align: left;
    font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
}


.thumb {    margin-bottom: 20px; padding-left: 5px; padding-right: 5px; }
.thumb a { color: #fff;}
.thumb a:hover { color: #fbc110; text-decoration: none;}



img.columnimg { display: block; margin-left: auto; margin-right: auto;}

.navbar-inverse, .navbar-inverse .navbar-toggle { background-color: #0e3266; border-color: #205ca2;}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #205ca2;}

.navbar-inverse .navbar-nav>li>a { color: #fff; font-family: 'BenchNine', sans-serif; text-transform: uppercase; font-size: 18px;}
.navbar-inverse .navbar-nav>li>a:hover { color: #fbc110;}

.postnavlinks { font-family: 'BenchNine', sans-serif; font-size: 24px; text-align: center; font-weight: 700;}

.metatop { margin-top: 0; margin-bottom: 10px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; font-family: 'Roboto Condensed', sans-serif;}
.metafoot { margin: 5% auto; text-align: center;
   border-top: 1px solid #eee; border-bottom: 1px solid #eee; font-family: 'Roboto Condensed', sans-serif;}
.title-meta { font-family: 'Roboto Condensed', sans-serif; }
.headlines .title-meta, .headlarge .title-meta { font-weight: 700;}

.headline-excerpt, .headline-excerpt p { font-family: 'Roboto Condensed', sans-serif; margin-bottom: 5px;}
.headlarge { margin-bottom: 20px;}
.headlarge .title-meta { margin-bottom: 10px;}

.sidebox { border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 5px; font-family: 'Roboto Condensed', sans-serif; font-size: 14px;}

.promo { border: 1px solid #205ca2; background-color: #eee; padding: 5px;}

.row.banner { background-color: #eee; margin: 15px 15px 20px 15px; display: flex;
   align-items: center;}

.banner img { width: 100%; height: 150px; object-fit: cover;}

.promotext {  text-align: center; font-family: 'BenchNine', sans-serif; line-height: 1; font-weight: 700; height: 100%; margin-top: 20px; margin-bottom: 20px;}

.promotext .firstline { font-size: 48px; display: inline-block; text-transform: uppercase;}

.promotext .secondline { font-size: 32px; display: inline-block;}

.noline { border-bottom: 0;}

h1 { font-size: 38px;}
h4 { font-size: 22px;}
h5 { font-size: 20px;}

h1.single-title { margin-top: 20px;}

.sidebox h3, .archivelist h1 {margin-top: 0;}
.sidebox h3 { font-size: 24px; }
.sidebox h4 { font-size: 18px; margin-bottom: 0;}
.sidebox li { list-style-type: none;}
.sidebox ul { padding-left: 0;}

.frontfooter h2 { margin-top: 0;}
.frontfooter h4 { margin-bottom: 0;}
.frontfooter { border-bottom: 1px solid #eee; margin-bottom: 10px; padding-bottom: 5px;}

.postcontent { padding-right: 40px;}

.postcontent img { max-width: 100%; height: auto;}

h1.posttitle { margin-top: 0;}

.headlines h3 { text-transform: none; margin-top: 0; margin-bottom: 0; font-size: 20px; max-height: 40px; overflow-y: hidden;}

.headlines h4 { text-transform: none; margin-top: 0; margin-bottom: 10px;}

.headlines img { float: left; margin-right: 10px; margin-bottom: 20px;}

.headlines { font-size: 13px; line-height: 16px;}

.headlines.foot { font-size: 14px;}

.headlines.foot h3 { text-transform: none; margin-top: 0; margin-bottom: 0; font-size: 22px; }

.headline-excerpt { max-height: 48px; overflow-y: hidden;}

.headlarge .headline-excerpt { max-height: none;}

.archivelist h1 { text-transform: uppercase;}

.footerright { text-align: right; }

img.footerlogo { width: 225px; height: auto;} 

.patreon { position: fixed; bottom: 0; width: 100%; height: 75px; z-index: 1000;}

.patreon img { width: 200px; height: 75px; float: right; border: 1px solid #cc0000; }

.archead hr { margin-top: 5px;}

blockquote { 
  padding: 10px;
  font-size: 16px;
  background-color: rgba(40,40,40,0.1);
  /* border-left: 5px solid rgba(204,0,0,0.6); */
  margin: 20px;
  quotes: "\201C""\201D";
}

blockquote:before {
  color: #205ca2;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 10px;
  vertical-align: -0.4em;
}

blockquote p {
  display: inline;
}

.spoilers { 
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  font-size: 16px;
  background-color: rgba(0,0,0,0.1);
  border-left: 5px solid #205ca2;
  font-weight: bold;
  font-style: italic;
}

.stars { color: #205ca2; font-size: 16px;}

#disqus_thread { margin-top: 20px;}

 .navbar {
  min-height: 60px;
}

.navbar-brand {
  padding: 10px 15px;
  height: 60px;
  line-height: 60px;
}

.navbar-brand img { height: 40px; width: auto;}

.navbar-toggle {
  /* (60px - button height 34px) / 2 = 13px */
  margin-top: 13px;
  padding: 9px 10px !important;
}

.footicons { padding: 10px;}

.slide-wrapper {
  text-align: center;
}

@media (min-width: 1200px) {
  .container {
    width: 1100px;
  }
}

@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}

@media (min-width: 768px) {
  .navbar-nav > li > a {
    /* (60px - line-height of 27px) / 2 = 26.5px */
    padding-top: 16.5px;
    padding-bottom: 16.5px;
    line-height: 27px;
  }

  .navbar-nav 
  {    float: right; }


}

@media (max-width: 768px) { 
    h1 { font-size: 28px;} 
    .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
		max-height: 600px
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
    .sidebox { text-align: center;}

    .headlarge h2 { margin-top: 10px;}

.row.banner { display: block;}
.banner img { margin-right: auto;}
    }


@media (max-width: 385px) { 

    }

/*
Wordpress Popular Posts plugin stylesheet
Developed by Hector Cabrera
cabrerahector.com | @cabrerahector

Use the following classes to style your popular posts list as you like.
*/

/* Styles the "Sorry, no data so far" message */
.wpp-no-data {
}

/* UL - Popular Posts container styles */
.wpp-list {
}

    /* LI - Post container styles */
    .wpp-list li {
        overflow: hidden;
        float: none;
        clear: both;
        margin-bottom: 1rem;
    }

    .wpp-list li:last-of-type {
        margin-bottom: 0;
    }

    /* Styles for the popular post in view */
    .wpp-list li.current {
    }

        /* Thumbnail styles */
        .wpp-thumbnail {
            display: inline;
            float: left;
            margin: 0 1rem 0 0;
            border: none;
        }

        /* Title styles */
        .wpp-post-title {
        }

        /* Excerpt styles */
        .wpp-excerpt {
        }

        /* Stats tag styles */
        .wpp-meta, .post-stats {
            display: block;
            font-size: 0.8em;
        }

            /* Comments count styles */
            .wpp-comments {
            }

            /* Views count styles */
            .wpp-views {
            }

            /* Author styles */
            .wpp-author {
            }

            /* Post date styles */
            .wpp-date {
            }

            /* Post category styles */
            .wpp-category {
            }

        /* WP-PostRatings styles */
        .wpp-rating {
        }