﻿/*!
 *   ficsantarem v1.0.0
 *   Author: ficsantarem
 *   Website: ficsantarem.pt <https://ficsantarem.pt>
 */
/*!
***************   DETAILS PAGE
 */
.news {
    color: black;
    background-color: #EAEAEA;
    font-family: "DM Sans";
    width: calc(100% - 2px);
}

    .news .image {
        width: 100%;
        border: 1px solid #000;
    }

        .news .image img {
            object-fit: cover;
            width: 100%;
            height: 100%;
            max-height: 613px;
        }

    .news .title {
        font-size: 50px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        margin: 61px 39px 0 39px;
    }

    .news .subtitle {
        font-size: 27px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin: 5px 39px 0 39px;
    }

    .news .description {
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin: 30px 39px 0 39px;
    }

        .news .description p::first-letter {
            margin-left: 25px;
        }

    .news #player {
        width: 100%;
        max-height: 878px;
        margin: 30px 39px 0 39px;
    }

    .news .awarded_list {
        width: 100%;
    }

    .news .movie_details {
        width: 100%;
        border: 1px solid black;
    }

        .news .movie_details .movie_title {
            color: #000;
            font-size: 27px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
            padding-left: 41px;
            border-bottom: 1px solid black;
            height: 53px;
            line-height: 53px;
        }

        .news .movie_details .details .row {
            display: flex;
            flex-direction: row;
        }

            .news .movie_details .details .row:last-of-type .column {
                padding-bottom: 25px;
            }

            .news .movie_details .details .row .column {
                padding-top: 25px;
            }

        .news .movie_details .details .column {
            display: flex;
            flex-direction: row;
            width: 100%;
            border-right: 1px solid black;
            padding-left: 41px;
            padding-right: 41px;
        }

            .news .movie_details .details .column .detail {
                display: flex;
                flex-direction: row;
                /* padding-bottom: 25px;*/
            }

                .news .movie_details .details .column .detail .detail_title {
                    color: #000;
                    font-family: "DM Sans";
                    font-size: 22px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: normal;
                    min-width: 200px;
                }

                .news .movie_details .details .column .detail .detail_info {
                    color: #000;
                    font-family: "DM Sans";
                    font-size: 22px;
                    font-style: normal;
                    font-weight: 400;
                    line-height: normal;
                }

@media only screen and (max-width: 1280px) {
    .news .image img {
        width: 100%;
        height: 100%;
        max-height: 261px;
    }

    .news .title {
        font-size: 30px;
        margin: 35px 25px 0 25px;
    }

    .news .subtitle {
        font-size: 20px;
        font-weight: 500;
        margin: 5px 25px 0 25px;
    }

    .news .description {
        font-size: 15px;
        margin: 20px 25px 0 25px;
    }

        .news .description p::first-letter {
            margin-left: 0;
        }

    .news .movie_details .details {
        padding-top: 20px
    }

    .news .movie_details .movie_title {
        font-size: 20px;
        padding-left: 25px;
        padding-right: 25px;
        height: 50px;
        line-height: 50px;
    }

    .news .movie_details .details .row {
        flex-direction: column;
        padding: 0px 25px;
    }

        .news .movie_details .details .row .column {
            padding: 0;
            padding-top: 0;
            border: none;
        }

        .news .movie_details .details .row:last-of-type .column {
            padding-bottom: 0;
        }

    .news .movie_details .details .column .detail {
        padding-bottom: 20px;
    }


        .news .movie_details .details .column .detail .detail_title {
            font-size: 15px;
            min-width: 175px;
        }

        .news .movie_details .details .column .detail .detail_info {
            font-size: 15px;
        }
}