#film-details {
    padding-top: 40px;
    padding-bottom: 60px;

    .well {
      background: #727272;
      border: 0px;
    }

    .film-header {
        margin-bottom: 25px;

        .genre-list {
            margin: 10px 0 25px 0;
            color: $film-genre-color;
            font-size: $film-genre-font-size;
            font-family: $film-genre-font-family;
            font-weight: 400;
            text-transform: uppercase;

            a {
                color: $film-genre-color;
                font-size: $film-genre-font-size;
                font-family: $film-genre-font-family;
                font-weight: 400;

                &:hover {
                    color: $film-genre-color;
                }
            }

            & > ul {
                list-style: none;
                padding-left: 0px;

                & > li {
                    display: inline-block;

                    .genre-separator {
                        color: #424b5e;
                        display: inline-block;
                        padding: 0 10px;
                        padding-left: 7px;
                    }
                }

                & > li.last .genre-separator {
                    display: none;
                }
            }
        }

        .buttons {
            margin: 15px 0px;

            button {
                margin-right: 10px;
            }
        }
    }

    .film-header.desktop {
        @include lt992 {
            display: none;
        }
    }

    .film-header.mobile {
        display: none;

        @include lt992 {
            display: block;
            text-align: center;
        }
    }
    .reviews {
        > div {
            margin-bottom: 20px;
        }
    }

    .film-poster {
        max-width: 100%;
        width: 100%;
        background-size: cover;
        padding-top: 15px;

        @include lt992 {
            display: block;
            margin: auto;
        }

        @include lt768 {
            width: 350px;
            height: 524px;
        }

        .default-poster {
            .caption {
                height: 216px;
                @include bggradient(#f4f4f4, #f6f6f6);
                color: $default-poster-text-color;
                text-transform: uppercase;
                text-align: center;
                font-family: $default-poster-font-family;
                font-size: $default-large-poster-font-size;
                padding: 5px;
                overflow: hidden;
                line-height: 80px;
                width: 100%;
            }
        }
    }

    .film-trailer {
        margin-top: 25px;
        max-width: 428px;

        @include lt992 {
            text-align: center;
        }

        .player {
            max-width: 100%;
            height: 0;
            position: relative;
            padding-top: 56.25%;
            background: #000;

            iframe {
                width: 100%;
                height: 100%;
                position: absolute;
                bottom: 0;
                top: 0;
                left: 0;
                right: 0;
            }

            @include lt992 {
                display: block;
                margin: auto;
            }

            @include lt768 {
                width: 350px;
                height: 197px;
            }
        }
    }

    .film-infos {
        dl {
            clear: both;
        }

        dt {
            clear: left;
            color: $film-genre-color;
            float: left;
            font-size: 12px;
            font-weight: 400;
            line-height: 1.5;
            padding-bottom: 23px;
            text-transform: uppercase;
            width: 105px;
        }

        dd {
            float: left;
            font-size: 14px;
            line-height: 1.5;
            padding-bottom: 25px;
            max-width: 400px;
        }

        .synopsis {
            font-size: 14px;
            line-height: 1.5;
            margin: 20px 0px;

            @include lt992 {
                text-align: center;
            }
        }

        .review {
            font-size: 16px;
            margin: 30px 0px;

            @include lt992 {
                text-align: center;
            }
        }
    }

    .release-dates {
        margin-top: 20px;
        background: #303645;
        border-radius: 3px;
        padding: 1px 15px;

        h2 {
            margin-top: 0px;
        }

        & > ul {
            list-style: none;
            padding-left: 0px;

            & > li {
                border-bottom: 1px solid rgba(255, 255, 255, .15);
                line-height: 30px;
                margin-top: 10px;
                padding-bottom: 6px;
                display: flex;
                .type {
                    color: $film-genre-color;
                    font-size: 12px;
                    font-weight: 400;
                    text-transform: uppercase;
                    flex-grow:1;
                    flex-shrink:1;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                .date {
                    font-size: 14px;
                    flex-grow:0;
                    flex-shrink:0;
                }

                &:last-child {
                    border-bottom: 0;
                }
            }
        }
    }

    .film-stills {
        clear: both;
        padding-top: 25px;

        h3 {
            margin-bottom: 0;
        }

        .download-link {
            display: block;
            margin-top: 22px;
        }
    }
}

.modal-header {
    border-bottom: none;
}

.films #orchard-content {
    width: 100%;
}

.film-not-found {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;

    h2 {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%); /* IE 9 */
        -webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */
        transform: translate(-50%, -50%);
    }
}