@import "../../../../../themes/custom/mkbh/bootstrap/variables";

.page-custom.page-archive {
    .page-header {
        display: none;
    }

    .field-content a:before {
        content: none;
        display: none;
    }

    .page-custom.page--archive {
        padding: 0 10px;

        .content {
            font-family: 'Montserrat', sans-serif;
        }

        table.views-view-grid {
            width: 100%;

            @media screen and (max-width: @screen-xs-max) {
                margin: 0;
            }

            font-family: 'Montserrat', sans-serif;

            tbody tr {
                background-color: #f1f1f1;
                border-top: 20px solid white;
            }

            tbody tr td > div {
                line-height: 20px;
                font-family: 'Montserrat', sans-serif;

                & > .field-content {
                    color: #666;
                    font-size: 12px;

                    @media screen and (max-width: @screen-xs-max) {
                        display: block;
                        margin-bottom: 10px;
                    }
                }
            }

            label {
                font-family: 'Montserrat', sans-serif;
                font-size: 12px;
                display: inline-block;
                margin: 0;
                width: 100px;
                float: left;

                @media screen and (max-width: @screen-xs-max) {
                    float: none;
                    width: 100%;
                }
            }

            .views-field-field-arkiv-billede-fid {
                float: right;
                padding: 7px 3px 0 20px;

                @media screen and (max-width: @screen-xs-max) {
                    display: none;
                }
            }

            .views-field-title {
                font-size: 14px;
                line-height: 22px;
                min-height: 16px;

                .field-content {
                    color: #000;
                    text-transform: uppercase;
                    font-weight: bold;
                    font-size: 12px;
                }
            }

            .views-field-field-arkiv-dato-value {
                font-size: 12px;
                color: #666;
                border-bottom: 1px dotted #666;
                padding-bottom: 5px;
                margin-bottom: 10px;
                margin-right: 130px;
                line-height: 14px;

                @media screen and (max-width: @screen-xs-max) {
                    margin-right: 0;
                }
            }

            .views-field-field-arkiv-pdf-fid {
                a {
                    text-decoration: none;
                    color: #bc041e;
                    background: url('../images/forside_mere.gif') left center no-repeat;
                    padding: 0 0 0 10px;
                    font-size: 10px;

                    &:hover {
                        font-weight: bold;
                    }
                }
            }
        }
    }
}