_list.scss 3.09 KB
#page-content {
    article {
        dl {
            width    : 50%;
            overflow : hidden;
            padding  : 0;
            margin   : 0
        }
        dt {
            clear   : both;
            float   : left;
            width   : 50%;
            /* adjust the width; make sure the total of both is 100% */
            padding : 0;
            margin  : 0;

            * {
                margin : 0 0 8px;
            }
        }
        dd {
            float   : left;
            width   : 50%;
            /* adjust the width; make sure the total of both is 100% */
            padding : 0;
            margin  : 0
        }

        ol {
            padding         : 0;
            list-style-type : none;
            display         : table;

            > li {
                counter-increment : section;
                //display           : flex;
                margin-bottom     : 15px;
                text-indent: -20px;
                padding-left: 20px;
            }

            li:before {
                content      : "(" counter(section) ") ";
                font-family  : "HelveticaNeue-Bold", Helvetica, Arial, sans-serif;
                font-size    : 12px;
                font-weight  : bold;
                margin-right : 3px;
                margin-top   : -1px;
            }
        }

        ul {
            list-style: disc;
            li {
                text-indent: 0;
                padding-left: 0;
            }

            li:before {
                content : '';
            }
        }

        ul.documents {
            list-style : none;
            padding    : 0;
            display    : inline-block;

            li {
                float         : left;
                margin-right  : 44px;
                margin-bottom : 15px;

                max-width     : 115px;
                overflow      : hidden;
                a {
                    &:hover {
                        img {
                            opacity : .5;
                        }
                    }

                    img {
                        -webkit-transition : all .2s;
                        -moz-transition    : all .2s;
                        -ms-transition     : all .2s;
                        -o-transition      : all .2s;
                        transition         : all .2s;

                        display            : block;
                        height             : 154px;
                        width              : auto;
                    }
                }

            }

            @media(min-width : 768px) {
                li {
                    margin-right : 44px;
                }
            }

            @media (min-width : 992px) {
                li {
                    margin-right : 44px;
                }

                li:nth-of-type(4n) {
                    margin-right : 0;
                }
            }


        }

        ul.pdf {
            list-style : none;
            padding    : 0;
            li {
                border-top :1px solid #dfdfdf;
                padding :2px 0;
            }
        }
    }

}