/*!
 * Copyright (C) 2015 Codeplay Software Limited
 * All Rights Reserved.
 *
 * @author Scott Straughan
 */
section#research > div {
    display: table;
    width: 100%;
}

section#research > div > ul {
    display: table-cell;
    width: 30%;
    list-style: none;
}

section#research > div > ul > li {
    border-bottom: #efefef 1px solid;
}

section#research > div > ul > li:hover,
section#research > div > ul > li.selected {
    background-color: #efefef;
}

section#research > div > ul > li:last-child {
    border-bottom: 0;
}

section#research > div > ul > li > a {
    display: block;
    padding: 1.875rem 0 1.875rem 1.875rem;
    font-size: 1rem;
}

section#research > div > ul > li > div {
    display: none;
}

section#research > div > div {
    display: table-cell;
    width: 60%;
    border-left: #efefef 1px solid;
    padding-left: 3.125rem;
}

section#research > div > div > h1 {
    font-size: 1.5rem;
    font-weight: 500;
}

section#research > div > div > p {
    font-size: 1rem;
    padding-top: 1rem;
}

section#research > div > div > ul > li {
    font-size: 1rem;
    margin-left: 1rem;
}

section#research > div img {
    float: right;
    margin: 0 0 1rem 1rem;
}

section#research > div > ul > li > div > ul {
    margin: 1.5rem 0 1rem 0;
    padding-left: 1rem;
    list-style: disc;
}

section#research > div > ul > li > div > ul > li {
    margin-top: 5px;
    font-size: .9rem;
}

/*
* Breakpoint.
*/
@media screen
and (max-width: 43.13rem) {
    section#research > div {
        display: block;
    }

    section#research > div > ul {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    section#research > div > ul > li.selected,
    section#research > div > ul > li:hover {
        background-color: inherit;
    }

    section#research > div > div {
        display: none;
    }

    section#research > div > ul > li > div {
        display: block;
        padding: 0 3.125rem 1.875rem 3.125rem;
    }

    section#research > div > ul > li > div > p
    {
        text-align: center;
    }

    section#research > div > ul > li > div > p > img {
        display: none;
    }

    section#research > div > ul > li > a {
        margin: 0;
        padding: 1.875rem 3.125rem 1.875rem 3.125rem;
        text-decoration: none;
        text-align: center;
        color: inherit;
        cursor: default;

        font-size: 1.6rem;
        font-weight: 500;
    }
}