﻿body {
    background-color: #e3e3e3;
}

.background {
    position: relative;
    width: 100%;
    height: 210px;
    background: url('/images/hpip/bg_header.jpg') left top repeat-x;
}

.topbar {
    height: 160px;
}

    .topbar.hidden-md-down {
        background: rgba(0,0,0,0);
    }

.site-header .site-branding {
    border-right: 0px;
    padding: 30px;
}

    .site-header .site-branding .site-logo {
        width: 321px;
    }

        .site-header .site-branding .site-logo.gulbenkian-logo {
            width: 141px;
            margin-left: 137px;
        }

.site-header .topbar {
    border-top: 0px;
}

    .site-header .topbar .search-box-wrap {
        padding-right: 0px;
    }

.site-header .site-menu > ul > li > a {
    padding: 11px 25px;
}

.homepage .hero-slider {
    background-color: #ccc;
}

.homepage .homepage-content {
    background-color: #f6f5fa;
    margin-left: 0px;
    margin-right: 0px;
}

.homepage .owl-carousel .owl-item img {
    max-height: 490px;
}

.toolbar.hidden-on-mobile {
    padding-right: 0px;
}

    .toolbar.hidden-on-mobile .toolbar-item {
        height: 100%;
        float: right;
    }

.site-header .toolbar .toolbar-item {
    border-left: 0px;
    background-color: white;
    border-radius: 0px 0px 10px 10px;
}

    .site-header .toolbar .toolbar-item:hover {
        border-radius: 0px;
    }

.site-header .search-box-wrap .input-group .form-control {
    border-radius: 5px;
}

    .site-header .search-box-wrap .input-group .form-control:focus {
        background-color: #f1f1f1;
    }

.widget-updates li, .widget-news li {
    border-bottom: 1px solid #e5e5e5;
}

.site-footer {
    background-color: #5b5b5b;
    padding-top: 20px;
}

    .site-footer .widget {
        margin-bottom: 0px;
    }

    .site-footer p {
        margin: 0;
    }

.page-title {
    margin-bottom: 0px;
}

.page-content {
    background-color: #fff;
}

.blog-post .post-body {
    padding: 10px;
}

.post-title {
    font-size: 15px;
    margin-bottom: 0px;
}

.heritage-header {
    max-height: 320px;
    min-height: 240px;
}

    .heritage-header img {
        max-height: inherit;
    }

.heritage-body {
    text-align: justify;
}

/* Navigation: By authors */
.navigation-byauthors .author-list {
    display: none;
}

body.images span.clear-filter {
    cursor: pointer;
    pointer-events: all;
}

/* Search */
.search-result .search-result-card p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 16px; /* fallback */
    max-height: 48px; /* fallback */
    -webkit-line-clamp: 3; /* number of lines to show */
    -webkit-box-orient: vertical;
}

/* Place Categories */
.place-category-urbanism {
    color: #d2ae05;
}

/* Heritage Categories */
.heritage-category-architecture {
    color: #e80024;
}

.heritage-category-equipment {
    color: #374894;
}

.heritage-category-housing {
    color: #28ae55;
}

/* Gallery */
.pswp {
    z-index: 9200;
}