/* Cinedex Stuff */

body {
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 20px;
    padding-top: 0;
}

h1, h2 {
    font-weight: 600;
}

.section-head {
    padding-bottom: 0;
    margin-bottom: 0;
    margin-top: 0;
}

.article-title {
    padding-bottom: 0px;
    margin-bottom: -1px;
    margin-top: 1em;
    border-bottom: 1px solid #ddd;
}

td.article-key {
    width: 4.5em;
}

td.cinefex-index-published {
    width: 9em; /* so that all of the month-year dates will lay out without wrapping */
}

.btn-letterboxd {
    color: #eee;
    background-color: #1c2229;
    border-color: #14181c;
    background-image: url('/static/images/letterboxd-square.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    height: 2.5em;
    width: 2.5em;
}

.btn-tmdb {
    color: #000;
    background-color: #ededed;
    background-image: url('/static/images/tmdb-square.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    border-color: #cccccc;
    height: 2.5em;
    width: 2.5em;
}

.btn-imdb {
    background-color: #f4e481;
    background-image: url('/static/images/imdb-square.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    height: 2.5em;
    width: 2.5em;
    border-color: #ddb11d;
}

.btn-wikipedia {
    color: #000;
    background-color: #ededed;
    background-image: url('/static/images/wikipedia-square.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    border-color: #cccccc;
    height: 2.5em;
    width: 2.5em;
}

.glyphicon-camera-color {
    color: #bfddff;
}

/* Episode Links colums (Subscribe, Download, Listen) */

#episode-links-subscribe {
    margin-top: 0;
}

/* The Optical Navbar */

.navbar {
    font-family: "effra", "open sans", sans-serif;
}

.navbar-inverse .form-control {
    font-size: 22px;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
}

.navbar-inverse .navbar-brand {
    font-weight: 700;
    color: #e8e7db;
}

.navbar-inverse .navbar-nav>li>a {
    font-weight: 400;
    color: #e8e7db;
    font-size: 18px;;
}

.navbar-optical {
    border-radius: 0;
    margin-bottom: 0;
}

.navbar-optical a {
    text-decoration: none;
    color: #e8e7db;
}

.navbar-optical .container-fluid {
    background-color: #550000;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #e8e7db;
}

/* FontAwesome li fix */

.no-bullet {
    list-style-type: none;
    list-style-position: inside;
}

.no-bullet li {
    position: relative;
}

.no-bullet > ul {
    padding-left: 0;
}

/* Apple link icon fix */

td span.fa-apple {
    margin-right: 0.2em;
}

/* Amazon link icon */

span.amazon-a {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url('/static/img/amazon-a.svg');
    background-repeat: no-repeat;
    position: relative;
    top: 0.2em;
    left: -0.1em;
}

/* Art of the Title link icon */

span.artofthetitle-a {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url('/static/img/artofthetitle-a-black.svg');
    background-repeat: no-repeat;
    position: relative;
    top: 0.1em;
}

/* Beta Alert */

#beta-alert {
    margin-top: 1em;
    margin-bottom: -3em;
}

/* Podcast Index Page */

.episode-index-banner-small {
    width: 100%;
    max-width: 100%;
    margin-top: 1em;
}