@import '../functions.less';
@import '../../../../files/config/colors.less';


.drs-text-01 {
    * { .fx(); }
    position: relative;
    overflow: hidden;
    max-width: 1000px;
    margin: 0 auto;
    font-size: 1.1em;
    line-height: 26px;
    h3 {
        font-size: 1.2em;
    }
    blockquote {
        padding-left: 25px;
    }
    .box-txt-image {
        margin:40px auto;
        img {
            display: block;
            width: 100%;
            margin-bottom: -5px;
            border-radius: 5px;
        }
        .legenda, span {
            display: block;
            max-width: 800px;
            margin: 0 auto;
            font-size: 12px;
            margin-bottom: 20px;
            font-style: normal;
            color: #000;
            padding: 6px 10px;
            line-height: 22px;
        }
    }
    .comment-textarea {
        border-left: 8px solid #1234;
        padding: 20px 15px 20px 15px;
        background: #7891;
        border-radius: 3px;
        margin: 10px 0;
        &.no-space p {
            margin: 0;
        }
    }
    .textbox-textarea {
        border: 4px solid #1234;
        background: #7891;
        padding: 15px;
        margin: 40px 0;
        font-size: .95em;
        border-radius: 5px;
        p {
            margin: -4px 0;
            line-height: 19px;
        }
    }
    .fieldset-textarea {
        white-space: normal;
        background: #7891;
        padding: 10px 20px 5px 20px;
        margin: 45px 0;
        border-radius: 5px;
        legend {
            display: inline;
            position: absolute;
            margin-top: -42px;
            padding: 2px 20px;
            font-size: 15px;
            border-radius: 3px;
            background: #345;
            color: #FFF;
        }
        > div {
            font-size: .95em;
        }
    }
    .textarea-separator {
        border-top: 1px solid #123B;
        margin: -5px 0 20px 0;
    }
}