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


.drs-links-03 {
    * { .fx(); }
    margin: 0 auto;
    header {
        .grid(60px auto 1fr; 15px);
        font-size: 1.2em;
        margin-bottom: 30px;
        hr {
            border: none;
            border-top: 1px solid #123A;
        }
    }
    .grid {
        .grid(1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; 15px);
        a {
            display: block;
            font-size: 14px;
            width: 100%;
            text-decoration: none;
            color: #123;
            background: #6781;
            padding: 25px 10px;
            border-radius: 3px;
            text-align: center;
            border: 1px solid transparent;
            &:before {
                content: "";
                max-width: 50px;
                height: 50px;
                margin: 0 auto;
                display: block;
                border-radius: 3px;
                margin-bottom: 10px;
            }
            &[type] {
                height: 170px;
                &.dim {
                    font-size: 13px;
                }
            }
            &[type="pdf"]:before {
                background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFQElEQVR4nO2b3VMbVRjG44V6pePgH8Bo9cbb3nBhs3xYhmYTSAlfpRQoodRS24GCw9Tp2GHGG2s7o6W1I0WnrVbrB62KlpaCDNQBtXSsI8aKFMwmhJAg+SBLSUj2cTYpG5IlkECSzca8M8/NObvnnOe37zlnN5MjkaQiFRsKc37+U1ry5ecTTXplzrOSWIe1snSLvVplpOQEElPSh5RcektHEvtGi196IurmnfUV9MO68gQwGpYe6EgiM6rm0aCGiACwcmlJaWXUzEN8ALwQNpwJlori51wH9jiWzYsUACiSmBjLy3tyU08eYgbgU+2mnjzEDoAkboZl3lZd+KKzfs/CaubFDEBLEnQYaa/c4lol7VeKVpcIbmbDys1I25R5NKhhKpEJb2SDmpBlpW/KvL26SHATUQcwtjvv6bm9RWZ6fzmCxc53Vmzam0p3CG4gJgCGFLkv/KTcjmBp8rMFH7BgADRJaD5sAJokNR8WAE0Sm18XgCbJza8JQPM/MB8SwIQsK13ogYkCwEzLIdC3+9fXYB9sX16GsenVDQ1SXyLD3NlTWBgaxOKdYX59mRyO3utgFmiAYeA2z8B0rCn2AObPnkKkQff3QLfzlYgAzB5t4O73/KXh1Tvv/sLrhx1bQgJgw/Hd1YgAzB07glAApl+rQUBMTwG/3oGttSXOACbH4T7exJPnZCtwuQMw6PzXut2YiuAbYi0A9tMn/O1qJ2CrVmG2TA7Dzpz4AvDcHw09h/OzMV9XDvxr5q63nXs3KgDoi+1c3VLfjYgyK24AqEdyDw1w1y9+f41Xb1CXwfLROe/Cufj7PSyO/gZHbzfoq1d4APS7FLBe+ACuuz/7E2vsT28ZK7Y+4QA4b3zDXe/svc6Vs4vifFcn4PFgvVgGYAqe+yuCsVmhVybQFKAeaeneiD8DOj/zlSsysfBjf5BLD2CzArQjJADzYXVoSAO9iTcFjM31AU/Y8U6rz0hry4pHxwDdX2OxsRbze4vgqCmG88h+oKeLB2BKmQ26thTuLy756/q6vWWzu+TxB8AYDZg7c5In6ycfgr79g3fl58JuxUyp72c018iwv40b32Jalcvrx3K8mQdgWQuXznN1zptdYRuPOoCwg2Hg6mjj2mDsNq7Kcrg24l1AXABoGszH5zFduN3XRkG2L+3ZcLuhD/GGKA4AZhPQ9dXqunYFTEcb6IOVMCj9JqfKyBVwHCH7EQUAz/0/YFTlriqDMgc6RSbv/gAALqfYAYxG3LkuPytgcQz18jL3ZnNyAqDkBEBNcm1YTp/gZ0mVCm7tZPICWOr8lGuDsVlgeqMRlCIL+t1KWNrbwMzb/dOE7Wd8LLkAzFapAJMxwCS3M3DOFv1Vs6bkAkCxJl6vB6h/sGpMUXCxb4s0zRVNH6hMDACWxjrg84teOc/w528kslYVgml/Dxjo9f6ggeFBMBfeh62myLuDLLW9zfVlaTnI3WdvOcSV028djS8AnSLT+63Pil3RNwNgub2Zkjzvu7y5dAf0Bf42dey6sNzXii01YAyrbLUxBUAlgVIAZKkMSE9NgeCYSK0BWalFkEqAFTq1C8hT2yAEeQ+gcjPShE7NeGmygHiGBwASyWNaklgQenCC/lWWIomepAcgl3aHBKAjiX1CDzDmUmxThwQwsnXr45RcOi74IGOnB+seotKRRCZ7vCQBBhttuSjZNqkknNCS0sqkgkASTp2MqAjLfGAmiH86aEnp32E/+eBg5wt7xobdHdjtQzymCZo9GsMueOy6JolWULkZaUIfjV1Pa54GSUUqJMHxHzrNJI7bLPC7AAAAAElFTkSuQmCC);
                background-size: 80%;
                background-position: center;
            }
            &[type="doc"]:before, &[type="docx"]:before {
                background: no-repeat url(data:image/png;base64,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);
                background-size: 80%;
                background-position: center;
            }
            &[type="xls"]:before, &[type="xlsx"]:before {
                background: no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAECUlEQVR4nO2ZfWwTZRzH+y9xL32/I0wp6pJpAmVtd1eGdO1AJ7IXNje20TGJYnXstRtrt8JeulcgyjSMAEOy0WYYGZCIb0SREdIYIk0k0UrUmMXERJhGDUImGfZresQmbL2+Xq/E9Jt8kyf31+dz93ueu+QEgmSSSSbsPH7CpFE4TB8oHCZ3tH3qw9ZJtavXHW1VLruDutKTIYg0GafMSxRO0+wKpwmx9OlzrZfVLjtiqcpln45YQOF4TRkrPIcC8xELPDG5Q/2wCKhddiQFViSfgD0BI+R4FeH3IdsDyw9Wr3l0pBph920jlh/dDsXEDn4EiKFimthb4iGHi0EMFYEYLAQxUAj5wCbI+1+AvG8jZPaNkPU+D1lPAaS+dj8HadezkOzZAMluX9dDbMuH2GaAxLYBSwdK8djotgck4iewlyP4TgPEHQaIrHrIrPn3sodrf6MO183mTjTf9HWVs+Hik+/uvBlrBQtDDhV7uYQXWfIgsuqgGXwJuaN1yBtvQd6EGatP1F/m4n0iWDxCHMNbdBC2+wRqkXuQD4FB7uGFu9bxKDAQGL5grAl9nx1H36fvIHOo7AF403uDsJ8fwzZnV0B4Ydsz/AnIWe581v5K/Dn3F3w5cOmkH54e2Y75f+7B6/Wi6GhLQPj01rU8CvSzj03XJ0cYgTt355A1XM6MzfnrXzDXnF9+xArPr0Af+8wT3QX49sYMA3zINYXCsWZm/fudW8i0l7DCp5tz+ROQhdiw5eNWBvrv+bvw/PIjs26Y2hcUPr1lDY8CvaFPm489LvyXKzNfQ2zNCwqf1qzlUaAnOLzElo9LP7j9Au6fPBBb9EHh05q0kBatgrxCBdJIg6yhIW3WQbgnP+YKFibUOV8/tY8Bv35jBtd+/o5Zm8+8ERQ+rZHmUaCbHT6zfzN+vf0HA1093oGyY23M+tbcbWTZN7PCpzZSPAp0sb9hT1+74B8b35HpG5vp768y185+9TkrfGpDDn8CEhb48uMW/9wXHmnyz7x+5BXmJeZL5bH2gPCp9XwK7A78bdN29gDemp6E7dzoog2768ybGLnghPnU/oDwKTs1fAqsD/lhFmrDLoRPqVPzJyCOA3xKnYpHgU6Dl2v4R17nUUBk1Xu4hk95OXuxQOM6CDsNMVew6Al06Glhu+4bkUXn5QpeVLoS0hIliC1qvwBXFUQaWZFyrWTTSkRSabES8hezQVTlcApPRiMgL1VpZaWrEXbLsu/DV6pBbKUSL0BUqCkGJuxqQFRp4gJPRiNAVuVoSCOFiBoHcDJagaVbaXU8gcikQIjIaihlou866S8V+S+mjArtEsJIzSYenvb1oiCa3N8H1PtEDe1OSI30VaKGnsio1S6LSiCZZP6H+ReXXl5UrmIvQgAAAABJRU5ErkJggg==);
                background-size: 80%;
                background-position: center;
            }
            &:hover {
                background: #6782;
            }
            &[href=''] {
                opacity: 50%;
                filter: grayscale(90%);
                border-color: #1232;
            }
            em {
                display: block;
                opacity: 70%;
                font-size: .75em;
                margin-top: 2px;
            }
        }
    }
}

@media screen and ( max-width: 1450px ){
    .drs-links-03 .grid {
        .grid(1fr 1fr 1fr 1fr 1fr 1fr 1fr; 15px);
    }
}

@media screen and ( max-width: 1300px ){
    .drs-links-03 .grid {
        .grid(1fr 1fr 1fr 1fr 1fr 1fr; 15px);
    }
}

@media screen and ( max-width: 1100px ){
    .drs-links-03 .grid {
        .grid(1fr 1fr 1fr 1fr 1fr; 15px);
    }
}

@media screen and ( max-width: 900px ){
    .drs-links-03 .grid {
        .grid(1fr 1fr 1fr 1fr; 15px);
    }
}

@media screen and ( max-width: 750px ){
    .drs-links-03 {
        header {
            .grid(auto 1fr; 15px);
            hr:first-child {
                display: none;
            }
        }
        .grid {
            .grid(1fr 1fr 1fr; 15px);
        }
    }
}

@media screen and ( max-width: 600px ){
    .drs-links-03 .grid {
        .grid(1fr; 5px);
        a {
            text-align: left;
            padding: 10px 10px 10px 50px;
            position: relative;
            &:before {
                display: block;
                position: absolute;
                heigth: 30px;
                width: 30px;
                margin: -10px 0 0 0;
                padding: 0;
                left: 10px;
            }
            &[type] {
                height: 60px;
            }
            &[type="pdf"]:before {
                background-size: 95%;
            }
            &[type="doc"]:before, &[type="docx"]:before {
                background-size: 95%;
            }
            &[type="xls"]:before, &[type="xlsx"]:before {
                background-size: 95%;
            }
        }
    }
}