#modalContent.nyhedsbrev-js {

    .ctools-modal-dialog {
        width: 340px !important;

        .modal-content {
            background-color: #f7f7f7;
            font-size: 17px;
            color: black;
            font-weight: normal;

            .modal-header {
                min-height: 26px;
                position: relative;
                border: none;
                padding: 0;

                .close {
                    position: absolute;
                    top: 0px;
                    right: 10px;
                    font-size: 35px;
                    color: black;
                    opacity: 1;
                    outline: none;
                }

                .modal-title {
                    font-size: 0;
                }
            }

            #modal-content {
                width: auto !important;
                height: auto !important;
                padding: 0 20px 20px;
                max-height: none !important;

                form[id*=mkbh-general-nyhedsbrev-form] {

                    & > div {

                        .nyhedsbrev-modal-image {
                            text-align: center;
                            font-family: 'Montserrat';
                            margin: 0 0 20px;

                            & > div:first-child {
                                font-size: 7px;
                                letter-spacing: 6.1px;
                                line-height: 7px;
                                display: inline-block;
                                padding: 0 0 0 8px;
                            }

                            & > div:nth-child(2) {
                                font-size: 62px;
                                line-height: 42px;
                                font-weight: bold;
                            }
                        }

                        .nyhedsbrev-modal-description {
                            text-align: center;

                            p {
                                font-size: 16px;
                            }

                            p:first-child {
                                margin: 0 0 20px;
                            }
                        }

                        .nyhedsbrev-modal-helper {
                            display: inline-block;
                            float: right;
                            color: #878786;
                            position: relative;
                            margin: 15px 0 10px;

                            span {
                                color: #bf1719;
                                font-size: 36px;
                                position: absolute;
                                top: -4px;
                                left: -20px;
                            }
                        }

                        .form-item-email {
                            clear: both;
                            position: relative;

                            &:after {
                                position: absolute;
                                display: block;
                                content: '*';
                                top: 0;
                                right: 10px;
                                color: #bf1719;
                                font-size: 43px;
                            }
                        }

                        .form-item-first-name, .form-item-last-name {
                            width: 55%;
                        }

                        .form-type-textfield {
                            label {
                                font-size: 0;
                                display: none;
                            }

                            .form-control {
                                font-size: 17px;
                                color: #b3b2b2;
                                border: 1px solid #b3b2b2;

                                &.error {
                                    border-color: #c1041f;
                                }
                            }
                        }

                        .form-type-radios {

                            & > label {
                                display: none;
                            }

                            .form-type-radio {
                                text-transform: lowercase;

                                .form-radio {
                                    margin: 6px 0 0;
                                    width: 16px;
                                    height: 16px;
                                }

                                label {
                                    color: #b3b2b2;
                                }
                            }
                        }

                        .form-submit {
                            display: block;
                            width: 100%;
                            border: none;
                            background-color: #bf1719;
                            color: white;
                            font-size: 17px;
                        }

                        // hidden captcha
                        .names-container + div[class] {
                            width: 0;
                            height: 0;
                            overflow: hidden;
                        }
                    }
                }
            }
        }
    }
}