@import "_mixins";
footer{
    clear: both;
}
.TermWrap{
    float: left;
    width: 100%;
    clear: both;
    margin-top: 118px;
    .page-title{
        float: left;
        width: 100%;
        text-align: center;
        color: #a70240;
        margin: 0;
        font-size: 28px;
        font-family: "Avenir Light";
        background: #edeadf;
        padding: 50px 0;
    }
    .TermWrapInner{
        float: left;
        width: 100%;
        clear: both;
        background: #fff;
        .nav-tabs { 
            li {
                float: left;
                width: calc(100% / 4);
                font-family: "Avenir Light";
                text-align: center;
                font-size: 18px;
                li {
                    a {
                        float: left;
                        width: 100%;
                        padding: 8px 0;
                        position: relative;
                        color: #000;
                    }
                }
                li {
                    .active {
                        a{
                            font-family: "Avenir Medium";
                            color: #000;
                        }
                    }
                    &:before {
                        position: absolute;
                        content: "";
                        left: 0;
                        right: 0;
                        bottom: -1px;
                        height: 1px;
                        background: #a70240;
                    }
                }
            }
        }
        .termListing {
            float: left;
            width: 100%;
            clear: both;
            padding: 0;
            list-style: none;
            margin: 30px 0 0 0;
            article {
                float: left;
                width: 100%;
                position: relative;
                margin-bottom: 20px;
                h4 {
                    float: left;
                    width: 100%;
                    text-align: left;
                    color: #a70240;
                    margin: 0 0 10px 0;
                    font-size: 23px;
                    font-family: "Avenir Light";
                    border-bottom: solid 1px #e0e0e0;
                    padding-bottom: 15px;
                }
                div {
                    float: left;
                    width: 100%;
                    position: relative;
                    font-size: 15px;
                    padding-right: 20%;
                    border-bottom: solid 1px #e0e0e0;
                    margin-bottom: 15px;    
                    b {
                        width: 100%;
                        clear: both;
                        margin-bottom: 5px;
                        font-family: "Avenir Medium";
                        color: #1f262c;
                    }
                    p {
                        clear: both;
                        color: #1f262c;
                        font-family: "Avenir Roman";
                    }
                }
                a {
                    position: absolute;
                    right: 0;
                    top: 0;
                    font-family: "Avenir Roman";
                    border: solid 1px #d9d9d9;
                    padding: 3px 20px;
                    border-radius: 13px;
                    color: #1f262c;
                }
            }
        }
    }
}