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


.drs-link-01 {
    * { .fx(); }
    position: relative;
    overflow: hidden;
    .container {
        h4 {
            font-size: 1.25em;
            margin-bottom: 10px;
            padding: 5px 10px;
            &:not(:first-child) {
                margin-top: 25px;
            }
        }
        > div {
            display: block;
            padding: 15px 20px;
            border-radius: 4px;
            border: 1px solid #1231;
            background: #FFFA;
            box-shadow: 0 5px 5px -5px #999;
            &:not(:last-child) {
                margin-bottom: 10px;
            }
            a {
                color: @corLink;
                text-decoration: none;
                &:hover {
                    color: @corLinkHover;
                }
            }
            &:hover {
                box-shadow: 0 5px 5px -5px #333;
            }
            &.paragraph-generate {
                &[icon] {
                    position: relative;
                    padding-left: 110px;
                    &::before {
                        content: "";
                        width: 70px;
                        height: calc(100% - 35px);
                        position: absolute;
                        left: 20px;
                        background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsTAAALEwEAmpwYAAADq0lEQVR4nO2YW0gUURzG/wRFwa4760N2p4jChygour0IURCRdCONkjTTwih6iKSorKhIuki1FVlJpVtT9tBdUopICiOLisyoVOyyupnp1q6rabv7xYzbzM66GkWLR+d88D3sOf8znN98s3POHCIuLi4url4kRBLC5s0bXmDHjj6kG2DRCmzfVImkpP6kG2DRCuzeZkdKXCTpBli0Apm7HEiMG6ofYNEKZGW6kbQoWj/AohXeIwdbkRo/TTfAkKCzj3mxYtki3QBDtMJz+oQPKQmpugGGlPS5HHjSErfoBhgSdN5ZtKQlHdYNMEQrfOdz0bhmZb5ugCH5Qh5sa1OLezSwaPizLxsI94yEchPhm5nQ64AvGgiFRsILE8EuELxBY3oF8A0joTSC8EEgtP1hTI8GrhYIzea/G9OjgfEP5sD/W2AgVZ5wOIVIvSecHKd1bAwwwqitkX4H1ixfCMyeDgzqFxpk2Txg1dLQ7nbgUGp2A0cPAFF922umRocsg8sJWPYDQwZor2n7iE7FCnBbYwNaamzweb3q5HKOyzXuKSrwj892tDkatRDPSoHhBuWaLZ/agT3uJvyw12rMDPDzrenyLunKqIGoe1jsvwttwCgBrgDg4sWxct3VsUNRmZujQp88olyz2Q/89oSlw1aTGeDqjHS8MxGeRhBKEuNVkJgJGuCK+Fi8MREeRxDyDYSawltyu8/dBAzurwH+lG1BhYk0Zga4LiNdaavP2tve6PPBNTZKA/x1SaxS5zQTSlMS1JszY5IG2FFwHYifo3rmZHaAXUUFwJ6twNV8wOOR2+x3i+RPuM6AJb+fP0vpa5kbowHuoPt32AEO1rfyMhSMGSJ/znUF7MzYqPaNH6kBbm34Cld5meL6c6fYAXZWvkNNYQGqrGdQkpKAS5H9lP9cp8DjhsFT/0Vud7x6iQZz1y8t6cOfube0aCDcNBLeC2pNILDzUCawLhk4ngU4v8tt0lJWvGA2PEFvaVu2BR8FUvzFzBCwLSNdTsgdYlKBwMHyuN14tDoRTyLU+t/AddkW9raWruoq2bXrV3U6KdfE0Updk+SqCtQ9uI+yvTvl9fi2UXuy0fj0MZprbKjdt4s9YNH/GL8OsUb+9ndz6PMqaR2W1u2fQfXX/P1SH3PAFf4NgaOLo5nWgDrJ0lHOZ6EjqLJUCYRKgVBvZhAY3WwO/L8FBlLlCYdTYCBVnnA4BQZS5QmHU2AgVZ5wOAW9JUxESxkzB+bi4uLioh6qX40Oay2nphmdAAAAAElFTkSuQmCC);
                        background-size: 100%;
                        background-position: center;
                    }
                }
                p {
                    margin: 1px;
                }
            }
        }
    }
}

@media screen and ( max-width: 750px ){
    .drs-link-01 {
        .container {
            > a.paragraph-generate p:not(:last-child) {
                margin-bottom: 15px;
                font-size: .95em;
            }
            > div {
                &.paragraph-generate {
                    &[icon] {
                        position: relative;
                        padding-left: 20px;
                        &::before {
                            display: none;
                        }
                    }
                }
            }
        }
    }
}