/*
|--------------------------------------------------------------------------
| Quick CSS changes. When we can't quickly do it properly with SASS.
|--------------------------------------------------------------------------
| Remember to autoprefix - @link https://autoprefixer.github.io/
|
*/

/*
|--------------------------------------------------------------------------
| Hide featured article on pagers (all news section)
|--------------------------------------------------------------------------
*/
body.view-pager .block-views.block-views-blockgm-news-block-1 {
    display: none;
}

body.view-pager--0 .block-views.block-views-blockgm-news-block-1 {
    display: block;
}

/*
|--------------------------------------------------------------------------
| Fix overlapping hero image
|--------------------------------------------------------------------------
*/
#block-views-block-person-view-team-scientists, #block-views-block-person-view-team-leadership, #block-views-block-person-view-team-trustees {
    margin-top: 0;
}

/*
|--------------------------------------------------------------------------
| Fix PageHeaderBlock
|--------------------------------------------------------------------------
*/
.page-header--with-social {
    padding: 1em 0;
}

.page-header--with-social .social-links{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: auto;
}

/*
|--------------------------------------------------------------------------
| Homepage extra space below hero
|--------------------------------------------------------------------------
*/
body.front .main-container > .content-wrapper {
    padding-top: 0;
    margin-top: -1px;
}

/*
|--------------------------------------------------------------------------
| Homepage block not full width
|--------------------------------------------------------------------------
*/
body.front .block-views-blockhomepage-top-feature {
    width: 100%;
}

/*
|--------------------------------------------------------------------------
| Fix header logo and breadcrumbs not clickable when logged in
|--------------------------------------------------------------------------
*/
body.user-logged-in #block-searchfixesredirectissue {
    float: right;
}

/*
|--------------------------------------------------------------------------
| Don't capitalize "News Modules" titles
|--------------------------------------------------------------------------
*/

.thumbnail .caption-heading {
    text-transform: none;
}

.no-icon .icon {
    display: none;
}

.text-body {
    color: #4b4a4a;
}

a[data-toggle="collapse"] .glyphicon{
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

a[data-toggle="collapse"].collapsed .glyphicon{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.m-0 {
    margin: 0;
}

#research_focus_panels .panel {
    margin-bottom: 10px;
}

#research_focus_panels .panel-body {
    margin-top: 10px;
    padding: 1em;
    text-transform: none;
    font-size: 14px;
}

#views-exposed-form-person-view-team-scientists .form-item-title {
    float: left;
    margin-top: 30px;
}

#views-exposed-form-person-view-team-scientists .form-item-title #edit-title {
    width: 350px;
    max-width: 100%;
}

.page-node-type-person .person-content .static-content .no-vid .field.field--name-field-person-accessory-image {
    width: 100%;
    max-height: 388px;
}

@media (min-width: 636px){
    .page-node-type-person .person-content .static-content .no-vid .field.field--name-field-person-accessory-image {
        height: 388px;
    }

    .page-node-type-person .person-content .static-content .no-vid .field.field--name-field-person-accessory-image img {
        object-position: center;
        font-family: "object-fit: cover; object-position: center"
    }
}