/* ************************************************************************** *\
|* ****************************** GENERAL *********************************** *|
\* ************************************************************************** */

#research div.separator:after {
	width: 100%;
	margin: 35px 0;
}

#research .item:last-child div.separator:after { display: none }

.btn {
    color: #FFF;
    font: 700 13px 'Poppins', 'Helvetica';
    letter-spacing: 0.05rem;
    border: none;
    text-align: center;
    background-color: #325182;
    min-width: 150px;
    padding: 9px 0;
    margin: 0;
}

.btn:hover {
    color: #FFF;
    background: #4068a7;
}



h3 { font: 400 25px 'Montserrat', 'Helvetica'; }
h3:after {
    position: initial;
    display: block;
    content: '';

    height: 1px;
    width: 75px;
    margin: 7px 0;
    background-color: #325182;
}

p {
    font: 400 15px 'Open Sans', 'Helvetica';
    margin: 0 0 10px 0;
    letter-spacing: 0.04em;
    line-height: 27px;
}




/* ************************************************************************** *\
|* ******************************** #research ******************************* *|
\* ************************************************************************** */

#research {
    display: block;
    width: 100%;
    padding: 50px 0 125px;
    margin: 0;
}

#research .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;

    max-width: 1200px;
    width: 93%;
    margin: 0 auto;
}


#research .field { margin: 35px 0 0 0; }
#research .field:first-child { margin: 0; }




/* ************************************************************************** *\
|* ******************************** #content ******************************** *|
\* ************************************************************************** */

#research #sidebar {
    width: 275px;
    padding: 5px 20px 0 25px;
    margin: 0 0;
    height: auto;

    background-color: #CCC;
}

#sidebar h2.side-title {
    font-family: 'Montserrat', 'Helvetica';
    font-size: 21px;
    padding: 10px 0 0;
    color: #404040;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.01em;
    margin: 0 0 10px;
}

#sidebar ul { list-style: none; }

#sidebar li {
    color: #325182;
    margin: 0;
    /*list-style-type: circle;*/
    cursor: pointer;
}

#sidebar li:after {
    position: initial;
    display: block;
    content: '';

    height: 1px;
    width: 100%;
    margin: 7px 0;
    background-color: #404040;
}

#sidebar li:last-child:after { display: none; }

#sidebar li > a {
    color: #325182;
    font: 400 13px 'Montserrat', 'Helvetica';
    text-decoration: none;
    line-height: 18px;
}

#sidebar li:hover { color: #4068a7; }
#sidebar li:hover > a {
    color: #4068a7;
    text-decoration: underline;
}






/* ************************************************************************** *\
|* ******************************** #content ******************************** *|
\* ************************************************************************** */

#research #content {
    width: 900px;
    display: inline-block;
}

#research #content .separator:after {
    background: #4068a7;
    max-width: 500px;
    margin: 10px 0 20px;
}

#content p.head-title {
    font-family: 'Montserrat', 'Helvetica';
    color: #555;
    letter-spacing: 0.03em;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 35px;
    margin: -20px 0 15px 0;
    line-height: 45px;
}

/* Sevens body titles */
#content h3.title {
    color: #555;
    margin: 0;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

#content p.authors {
    font: 400 17px 'Montserrat', 'Helvetica';
    letter-spacing: 1px;
    color: #555;
}

#content p.authors > span {
    font-weight: 700;
    text-transform: uppercase;
}


#content .btn-group {
    margin: 25px 0 50px;
}




/* ************************************************************************** *\
|* ****************************** RESPONSIVE ******************************** *|
\* ************************************************************************** */

@media only screen and (max-width: 1280px) {
    #research #sidebar { display: none; }
    .btn { margin: 0 0 4px; }
}

@media only screen and (max-width: 550px){
    #content p.head-title {
        font-size: 25px;
        line-height: 30px;
    }

    #content p.authors { font: 400 15px 'Montserrat', 'Helvetica'; }
}