.page-opinion {

    .content-system {
        display: none;
    }

    .flex-grid {
        .flexgrid;
    }

    article.mkbh-node-article-display .node-image.writer-photo {
        //width: 100%;
        margin: 15px auto;
        text-align: center;
        /*-webkit-clip-path: circle(100px at 50% 50%);
        clip-path: circle(100px at 50% 50%);*/
        height: 180px;
        width: 180px;
        overflow: hidden;

        img {
            border-radius: 50%;
            width: 100%;
            height: auto;
        }
    }

    article.mkbh-node-article-display .node-inner {
        background-color: @light-grey;
        border-top: 1px solid #00a99d;
        position: relative;
    }

    article.mkbh-node-article-display .node-content {
        padding: 10px 10px 10px;

        .node-title {
            font-family: 'Caecilia LT Std';
            font-size: 27px;
            margin: 0;
            line-height: 28px;
            //@media(min-width: 600px) and (max-width:)
            //max-height: 85px;
            //overflow: hidden;

            .title.no-subtitle {
                color: #1a1a1a;
                max-height: 132px;
                overflow: hidden;
                display: inline-block;
                word-wrap: break-word;
                word-break: break-word;
            }

            a {

                &:hover {
                    &:before {
                        opacity: 0.3;
                    }
                }

                &:before {
                    display: block;
                    content: '';
                    position: absolute;
                    top: -500px;
                    bottom: -1000px;
                    left: 0;
                    right: 0;
                    background-color: black;
                    opacity: 0;
                    z-index: 1;
                    transition: 0.3s;
                    -webkit-transition: 0.3s;
                }

                span {
                    position: relative;
                    padding: 47px 0 1px;

                    &:after {
                        position: absolute;
                        display: block;
                        content: '';
                        background-image: url(/sites/all/themes/custom/mkbh/assets/images/sprites/src/quote-green.png);
                        top: 10px;
                        left: 5px;
                        width: 43px;
                        height: 31px;
                    }
                }
            }
        }

        .node-writer-name {
            font-family: 'Montserrat';
            font-size: 14px;
            color: #808080;
            line-height: 17px;
            margin: 14px 0 0 0;
        }
    }

    section {

        .page-content {

            .container {

                .pane-mkbh-blocks-mkbh-block-opinion-seneste {

                    .pane-content {

                        .row {

                            & > .col { /*col-sm-12*/

                                & > .row.overflow-hidden {
                                    overflow: hidden;

                                    .region-middle-left article.mkbh-node-article-display .node-content .node-title {
                                        .title.no-subtitle {
                                            //word-break: break-all;
                                        }
                                    }

                                    .load-more {
                                        @media (min-width: 600px) {
                                            margin-top: -5px;
                                        }
                                    }
                                }

                                .row:nth-child(1) {

                                    .region-top-left {
                                        position: relative;

                                        .node-inner {
                                            background-color: #00a99d;
                                            margin: 0;
                                            padding: 0;
                                            overflow: hidden;

                                            .node-image {
                                                @media (max-width: 992px) {
                                                    flex: 1 !important;
                                                    -webkit-flex: 1 !important;
                                                }
                                            }

                                            .node-content {
                                                @media (max-width: 992px) {
                                                    position: relative;
                                                    flex: 1;
                                                    -webkit-flex: 1;
                                                }
                                                position: absolute;
                                                top: 0;
                                                bottom: 0px;
                                                left: 0;
                                                width: 33%;
                                                background-color: rgba(0, 169, 157, 0.88);

                                                .node-title {

                                                    .title.no-subtitle {
                                                        @media (min-width: 992px) {
                                                            max-height: 271px;
                                                        }
                                                        color: white;

                                                        &:after {
                                                            background-image: url(/sites/all/themes/custom/mkbh/assets/images/sprites/src/icon_quote.png);
                                                        }
                                                    }

                                                    a {

                                                        &:before {
                                                            right: -800px;
                                                            left: -800px;
                                                        }
                                                    }
                                                }

                                                .node-writer-name {
                                                    color: white;
                                                }
                                            }
                                        }
                                    }
                                }

                                .row:nth-child(2) {

                                    article.mkbh-node-article-display {
                                        .node-content {
                                            .node-title {
                                                .title.no-subtitle {
                                                    @media (min-width: 992px) {
                                                        max-height: initial;
                                                    }
                                                }
                                            }
                                        }
                                    }

                                    .region-middle-right {

                                        .row-1 {
                                            margin: 0 0 10px;
                                            overflow: hidden;
                                        }

                                        .row-2 {
                                            margin: 0;
                                            overflow: hidden;

                                            .custom-background-applied.node-inner {
                                                .node-title {
                                                    a span:before {
                                                        background-image: url("../../images/sprites/src/icon_quote.png");
                                                    }
                                                }
                                            }

                                            .node-inner {
                                                //background-color: rgba(0, 169, 157, 0.88);

                                                .node-title {

                                                    a {

                                                        span {

                                                            &:before {
                                                                //background-image: url(/sites/all/themes/custom/mkbh/assets/images/sprites/src/icon_quote.png);
                                                            }
                                                        }
                                                    }

                                                    .no-subtitle {
                                                        //color: white;
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }

                                .row:nth-child(3) {

                                    article.mkbh-node-article-display {
                                        .node-content {
                                            .node-title {
                                                .title.no-subtitle {
                                                    @media (min-width: 992px) {
                                                        max-height: initial;
                                                    }
                                                }
                                            }
                                        }
                                    }

                                    .col.region-bottom:not(.border-right) {
                                        //margin-bottom: 0;
                                    }
                                }

                                &.region-top-left {
                                    article.mkbh-node-article-display .node-image img {
                                        min-height: 525px;
                                    }
                                }

                                &.region-top-right {
                                    article.mkbh-node-article-display .node-content .node-title .title.no-subtitle {
                                        overflow: auto;
                                        max-height: none;
                                    }
                                }
                            }
                        }
                    }
                }

                .pane-mkbh-blocks-mkbh-block-opinion-popular {

                    .pane-content {

                        .flex-grid {
                            min-height: 270px;

                            .flex-column {
                                background-color: #d6e8e5;
                                border-top: 1px solid #00a99d;

                                &:last-child {
                                    background-color: transparent;
                                    border: none;
                                }

                                .view .view-content .views-row .views-field-title {
                                    color: #f15a24;
                                }

                                .view-content {

                                    .views-row-grid {
                                        border-bottom: 0;
                                    }

                                    .views-row {

                                        .views-field-counter {
                                            color: #98d3c7;
                                        }

                                        .views-field-title {
                                            border-bottom: 1px solid #98d3c7;

                                            .field-content {
                                                display: inline;
                                                color: #1a1a1a;
                                            }
                                        }

                                        &:last-child {

                                            .views-field-title {
                                                border: none;
                                            }
                                        }
                                    }
                                }

                                &.column-last {
                                    position: relative;
                                    border: 0 !important;
                                    box-shadow: 0 0 0 15px white inset;
                                    background-color: transparent !important;
                                    flex: 0 0 320px;

                                    & > .dfp-tag-wrapper {
                                        position: absolute;
                                        top: 0;
                                        right: 0;
                                        bottom: 0;
                                        left: 0;
                                        width: 100%;
                                        height: 100%;
                                        border: 1px solid #b3b3b3 !important;
                                        padding: 0 10px;

                                        .dfp-tag-wrapper {
                                            width: 300px;
                                            margin: 0 auto;
                                        }
                                    }
                                }
                            }

                            .flex-column:nth-child(2) {

                                .view {
                                    .view-content {

                                        .views-row {
                                            position: relative;

                                            .views-field-nothing {
                                                color: #98d3c7;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}