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


.drs-list-07 {
    * { .fx(); }
    position: relative;
    overflow: hidden;
    .container {
        h4 {
            font-size: 1.2em;
            margin-bottom: 10px;
            padding: 5px 0;
        }
        > div {
            display: block;
            padding: 15px 0 15px 30px;
            &:not(:last-child) {
                margin-bottom: 10px;
            }
            a {
                display: block;
                color: @corLink;
                text-decoration: none;
                &:hover {
                    color: @corLinkHover;
                }
            }
            &.paragraph-generate {
                position: relative;
                p {
                    &:before {
                        content: "";
                        position: absolute;
                        left: 10px;
                        margin-top: 2px;
                        width: 14px;
                        height: 14px;
                        background: no-repeat url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNC4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MCA0MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik0yLjYsMjJjMCwwLDYuMiw5LjUsOS42LDE3LjVoNy4xYzAsMCw1LjItMTksMjguMS0zOWMwLDAtMTkuNywxMC0zMS43LDI2LjdMMTMuMSwyMkgyLjZ6Ii8+DQo8L3N2Zz4NCg==);
                        background-size: cover;
                        background-position: center;
                    }
                    &:not(:last-child) {
                        margin-bottom: 15px;
                    }
                }
                &.no-icon {
                    padding-top: 5px;
                    p {
                        &:before {
                            display: none;
                        }
                        &:not(:last-child) {
                            margin-bottom: 10px;
                        }
                    }
                }
            }
        }
    }
}

@media screen and ( max-width: 750px ){
    .drs-list-07 {
        .container {
            h4 {
                padding-left: 7px;
            }
            > a.paragraph-generate p:not(:last-child) {
                margin-bottom: 15px;
                font-size: .95em;
            }
        }
    }
}