body.single-utstallning{
    overflow-x: hidden;
}
body.single-utstallning article a {
    color: #000;
}
body.single-utstallning article .teaser-text {
    color: #fff;
}
body.single-utstallning .exhib-items .teaser-heading a {
    text-transform: uppercase;
    text-decoration: none;
    transition: opacity .2s ease-in-out;
    font-style: italic;
}
body.single-utstallning .exhib-items .teaser-heading a:hover,
body.single-utstallning .exhib-items .teaser-heading a:active {
    color: #fff;
}
body.single-utstallning article a:hover {
    opacity: 0.8;
    color: #000;
}

body.single-utstallning .jumbotron-section,  body.single-utstallning .post-top-card,
body.single-utstallning div.post-meta,
body.single-utstallning nav.posts-navigation,
body.single-utstallning ul.event-labels.post-tags {
    display: none;
}

@media (min-width: 980px) {
    body.single-utstallning .exhib-tiles {
        margin-left: calc(-100vw / 2 + 690px / 2);
        margin-right: calc(-100vw / 2 + 690px / 2);
        max-width: unset;
    }
}
@media (min-width: 1200px) {
    body.single-utstallning .exhib-tiles {
        margin-left: calc(-1200px / 2 + 690px / 2);
        margin-right: calc(-1200px / 2 + 690px / 2);
        max-width: unset;
    }
}
body.single-utstallning .large-tile {
    background: #af1280;
    margin: 5px;
}
body.single-utstallning .large-tile a,
body.single-utstallning .large-tile h2 {
    color: #fff;
}
body.single-utstallning .large-tile.inverted-color {
    background: #000;
    color: #fff;
}
body.single-utstallning .large-tile.inverted-color a{
    color: #fff;
    border-color: #fff;
}
body.single-utstallning .large-tile div {
    padding: 20px;
}
body.single-utstallning .large-tile a.img-link {
    display: block;
    height: 300px;
}
body.single-utstallning .large-tile a img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
body.single-utstallning .btn--exhib {
    border: solid 1px #ffffff;
    color: #fff;
}
body.single-utstallning .btn--exhib:hover,
body.single-utstallning .btn--exhib:active {
    border: solid 1px #af1280;
    color: #af1280;
    background: #fff;
    opacity: 1;
}
body.single-utstallning .exhib-themes h3 {
    text-transform: uppercase;
    font-style: italic;
}
body.single-utstallning .exhib-themes a {
    padding: 14px;
    border: solid 1px #000;
    display: block;
    font-style: italic;
    color: #000;
}
body.single-utstallning .exhib-themes a::before, body.single-utstallning .exhib-items a.theme::before {
    content: url(../img/tag.svg);
    width: 17px;
    height: 17px;
    margin-right: 5px;
    filter: invert(1);
}
body.single-utstallning .exhib-items a.theme::before {
    filter: unset;
}
body.single-utstallning .exhib-themes a:hover::before,
body.single-utstallning .exhib-themes a:active::before {
    filter: unset;
}
body.single-utstallning .exhib-items a.theme {
    font-style: italic;
    text-decoration: none;
}
body.single-utstallning .exhib-items a.theme:hover,
body.single-utstallning .exhib-items a.theme:active {
    color: #fff;
}
body.single-utstallning a.exhib-start {
    font-style: italic;
    position: relative;
    margin-left: 15px;
    margin-bottom: 17px;
    margin-top: 0;
    display: inline-block;
    text-decoration: none;
    font-family: "Constantia","Times New Roman",Times,serif;
}
body.single-utstallning a.exhib-start::before {
    content: url(../img/arrow-left.svg);
    position: absolute;
    left: -10px;
    height: 18px;
    filter: invert(1);
}
body.single-utstallning .exhib-themes h3 {
    margin-top: 30px;
}
body.single-utstallning .exhib-themes a h2 {
    font-size: 18px;
    margin: 0;
}
body.single-utstallning .large-tile.inverted-color .btn--exhib {
    color: #fff;
    border: solid 1px #fff;
}
body.single-utstallning .large-tile.inverted-color .btn--exhib:hover,
body.single-utstallning .large-tile.inverted-color .btn--exhib:active {
    border: solid 1px #000;
    color: #000;
    background: #fff;
    opacity: 1;
}
@media (max-width: 768px) {
    body.single-utstallning .large-tile.inverted-color:nth-child(n+5) {
        display: flex;
        flex-direction: row-reverse;
    }
    body.single-utstallning .large-tile.inverted-color:nth-child(n+5) a.img-link{
        height: auto;
        width: 33%;
        float: right;
        flex: 1.5;
    }
    body.single-utstallning .large-tile.inverted-color:nth-child(n+5) div {
        flex: 2;
    }
    body.single-utstallning .large-tile.inverted-color:nth-child(n+5) p.teaser-text {
        display: none;
    }
    body.single-utstallning .large-tile.inverted-color:nth-child(n+5) .btn--exhib {
        border: none;
        position: relative;
        padding: 0;
    }
    body.single-utstallning .large-tile.inverted-color .btn--exhib {
        color: #fff;
        border: solid 1px #fff;
    }
    body.single-utstallning .large-tile.inverted-color .btn--exhib:hover,
    body.single-utstallning .large-tile.inverted-color .btn--exhib:active {
        border: none;
        color: #fff;
        background: #000;
        opacity: 0.8;
    }
    body.single-utstallning .large-tile.inverted-color:nth-child(n+5) .btn--exhib::after {
        content: url(../img/arrow-left.svg);
        position: absolute;
        right: -13px;
        top: 2px;
        transform: rotate(180deg);
    }
    
}
@media (min-width: 980px) {

    body.single-utstallning .site-header {
        border-bottom: none;
    }
    body.single-utstallning .exhib-items {
        display: flex;
        flex-flow: wrap;
    }
    body.single-utstallning .large-tile {
        margin: 5px;
        display: flex;
        flex-direction: column;
        width: calc(33.3333% - 10px);
        overflow: hidden;
    }
    body.single-utstallning .large-tile:nth-child(-n+4) {
        width: calc(50% - 10px);
    }
    body.single-utstallning .large-tile div {
        padding: 30px;
    }
    body.single-utstallning .exhib-themes ul {
        display: flex;
        flex-flow: wrap;
    }
    body.single-utstallning .exhib-themes li {
        width: calc(33.3333% - 10px);
    }

    body.single-utstallning .large-tile a.img-link {
        display: block;
    }
}
@media (min-width: 980px) {
    body.single-utstallning .left-nav-menu>li>a {
        color: #fff;
    }
}
body.single-utstallning .exhib-themes ul {
    list-style: none;
    padding-left: 0;
}
body.single-utstallning .exhib-themes ul a {
    text-decoration: none;
}

body.single-utstallning .exhib-themes ul a:hover,
body.single-utstallning .exhib-themes ul a:active {
    color: #fff;
    background: #000;
    opacity: 1;
}
body.single-utstallning .exhib-themes li {
    margin: 5px;
}

body.single-utstallning blockquote {
    background: #af1280;
    color: #fff;
    padding: 50px 0;
    position: relative;
}
body.single-utstallning blockquote p {
    padding: 0;
    font-size: 26px;
    font-weight: bold;
    font-style: italic;
    line-height: 1.28;
}
body.single-utstallning blockquote::before {
    content: url(../img/close-quote.svg);
    color: #fff;
    position: absolute;
    top: -10px;
    left: 10px;
    filter: invert(1);
}
body.single-utstallning blockquote::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -9999px;
    right: 0;
    border-left: 9999px solid #af1280;
    box-shadow: 9999px 0 0 #af1280;
}
