/*
orange = F78E07
orange 2 = #f66600;
orange 3 =#f25930;
*/

body {
    -webkit-font-smoothing: antialiased;
    margin: 20px;
    padding: 34px 20px 30px;
    border: 6px #000000  solid;
}

/* This line of code is to help headline alignment.
    body:after {
        content: "";
        display: block;
        width: calc(100% - 100px);
        height: 1px;
        border-bottom: 1px #CCC dashed;
        position: fixed;
        z-index: 100000;
        top: 140px;
    }
*/


@media (max-width: 512px) {

    body {
        margin: 0;
        padding: 30px 20px;
        border: none;
    }

}

h1 {
    color: #000;
}

i, em {
    font-family: Courier, monospace!important;
    font-style: normal!important;
}

/*==========================================
MASTHEAD: 
==========================================*/

#masthead {
    width: calc(100% - 200px);
    max-width: 1500px;
    font-family: 'UniversLTPro-UltraCn', Arial, sans-serif;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 21px;
    position: fixed;
    z-index: 1000;
    top: 60px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#masthead:before {
    content: "";
    z-index: -1;
    display: block;
    width: 100%;
    max-width: calc(100% - 40px);
    height: 120px;
    margin: 20px;
    border: 6px #000000  solid;
    border-bottom: none;
    background-color: #FFFFFF;
    position: fixed;
    top: 0;
    left: 0;
}

#masthead:after {
    content: "";
    display: block;
    width: 100%;
    height: 20px;
    background-color: #FFFFFF;
    position: fixed;
    top: 0;
    left: 0;
}

#masthead a {
    display: inline-block;
    margin: 0;
    padding: 8px 7px 3px;
    border: 6px #f66600 solid;    
    color: #f66600;
    letter-spacing: .5px;
    text-decoration: none;
}

#masthead #site-branding {
    float: left;
    width: 253px;
    margin-right: 20px;
}

#masthead #site-navigation {
    clear: none;
    width: calc(100% - 550px);
}

#masthead #site-navigation ul {
    text-align: justify;
    font-size:0;
}
#masthead #site-navigation:after {
    content: '';
    display: inline-block;
    width: 100%;
}
#masthead #site-navigation ul > li {
    display: inline-block;
    text-align: center;
    width: 25%;
    font-size: 22px;
}

#masthead #site-navigation ul > li:nth-child(1) { width: 34%; }
#masthead #site-navigation ul > li:nth-child(2) { width: 23%; }
#masthead #site-navigation ul > li:nth-child(3) { width: 21%; }
#masthead #site-navigation ul > li:nth-child(4) { width: 22%; }

#masthead #site-navigation ul > li a {
    border: 6px #000000 solid;    
    color: #000000;
}
#masthead #site-navigation ul > li:hover {
    cursor: pointer;
}

#masthead #site-navigation ul > li a:hover,
#masthead #site-navigation ul > li.current-menu-item a,
#masthead #site-navigation ul > li.current-menu-item a:hover,
.single-news #masthead #site-navigation ul > li.menu-item-649 a,
.post-type-archive-exhibitions #masthead #site-navigation ul > li.menu-item-650 a,
.single-exhibitions #masthead #site-navigation ul > li.menu-item-650 a,
.single-artists #masthead #site-navigation ul > li.menu-item-651 a {
    border: 6px #f66600 solid;    
    color: #f66600;
}

#masthead #site-search {
    float: left;
}
#masthead form#site-search input {
    position: absolute;
    font-family: 'UniversCom-65Bold', Arial, sans-serif;
    font-size: 21px;
    line-height: 42px;
    right: 0;
    font-weight: normal
    float: right;
    height: 44px;
    width: 250px;
    margin-left: 25px;
    padding: 8px 7px 3px;
    border: 6px #000000 solid;    
    color: #000000;
    transition:width .5s, transform .5s;
    -webkit-transition:width .5s, -webkit-transform .5s;
}

#masthead form#site-search input::-webkit-input-placeholder {
   color: #f66600;
}
#masthead form#site-search input:-moz-placeholder { /* Firefox 18- */
   color: #f66600;  
}
#masthead form#site-search input::-moz-placeholder {  /* Firefox 19+ */
   color: #f66600;  
}
#masthead form#site-search input:-ms-input-placeholder {  
   color: #f66600;  
}

#masthead form#site-search input:focus {
    outline: none;
}

@media (max-width: 1400px) {

    #masthead #site-navigation {
        width: calc(100% - 380px);
    }

    #masthead #site-navigation ul {
        padding-right: 20px;
    }

    #masthead form#site-search input {
        width: 80px;
        -webkit-transition:width .5s, -webkit-transform .5s;
        transition:width .5s, transform .5s;
    }

    #masthead form#site-search input:focus {
        width: calc(100% - 273px);
        -webkit-transition:width .5s, -webkit-transform .5s;
        transition:width .5s, transform .5s;
    }
}

@media (max-width: 1024px) {

    #masthead {
        width: 100%;
        position: static;
        top: 0;
    }

    #masthead:after,
    #masthead:before {
        display: none;
    }

    #masthead #site-branding{
        margin: 0;
        float: none;
        text-align: center;
        margin: 0 auto 25px;
        width: 100%;
        max-width: 253px;
    }

    #masthead #site-branding a {
        margin: 0 auto;
        width: 100%;
    }

    #masthead #site-navigation {
        clear: both;
        width: 100%;
    }


    #masthead form#site-search input {
        display: none;
    }
}

@media (max-width: 512px) {
    #masthead #site-navigation ul > li {
        font-size: 21px;
    }
    #masthead #site-navigation ul > li a:hover,
    #masthead #site-navigation ul > li.current-menu-item a,
    #masthead #site-navigation ul > li.current-menu-item a:hover,
    #masthead #site-navigation ul > li a,
    .single-news #masthead #site-navigation ul > li.menu-item-649 a,
    .post-type-archive-exhibitions #masthead #site-navigation ul > li.menu-item-650 a,
    .single-exhibitions #masthead #site-navigation ul > li.menu-item-650 a,
    .single-artists #masthead #site-navigation ul > li.menu-item-651 a {
        border: none;    
    }
}

/*==========================================
SIDEBAR NAV: 
==========================================*/

.sidebar_nav {
    position: fixed;
    top: 140px;
    margin-left: -240px;
}

.sidebar_nav a {
    font-family: 'UniversLTPro-UltraCn', Arial, sans-serif;
    font-size: 28px;
    text-transform: uppercase;
    line-height: 24px;
    display: table;
    margin: 0;
    padding: 8px 7px 3px;
    margin: 0 0 10px 0;
    border: 6px #000000 solid;    
    color: #000000;
    letter-spacing: .5px;
    max-width: 216px;
    text-decoration: none;
}

.sidebar_nav a:hover {
    border: 6px #f66600 solid;    
    color: #f66600;
}

.artist_single .sidebar_nav {
    position: fixed;
    top: 246px;
}

@media (max-width: 1400px) {
    .artist_single .sidebar_nav {
        top: 216px;
    }
}

@media (max-width: 1024px) {
    .artist_single .sidebar_nav {
        position: static;
    }
}

.sidebar_nav ul {
    margin: 0;
}

@media (max-width: 1400px) {

    .sidebar_nav {
        position: static;
        z-index: 3000;
        top: 230px;
        left: 0;
        right: 0;   
        margin: 0 auto;
        width: calc(100% - 80px);
        text-align: center;
        padding-bottom: 30px;
    }

    .sidebar_nav ul {
        text-align: center;
        margin: 0 0 40px 0;
    }

    .sidebar_nav a.active,
    .sidebar_nav a {
        font-size: 21px;
        display: inline-block;
        border: none;
        margin-top: 0;
        margin-bottom: 0;
    }

    .sidebar_nav a:hover {
        border: none;
    }


}
@media (max-width: 1024px) {

    .artist_single .sidebar_nav {
        padding-bottom: 10px;
    }


}


/*==========================================
PAGE: 
==========================================*/

#page {
    position: relative;
    max-width: 800px; 
    margin: 80px auto 0 auto;
}

@media (max-width: 1024px) {
    #page {
        margin-top: 0;
    }
}

/*==========================================
POSTS: 
==========================================*/


[class^="post-"]{ 
    font-family: 'UniversCom-65Bold', Arial, sans-serif;
    font-size: 21px;
    line-height: 24px; 
    border: 6px #000000 solid;
    padding: 20px 15px;
}

h1,
h2,
h3 {
    font-family: 'UniversCom-65Bold', Arial, sans-serif;
    font-size: 21px;
    line-height: 24px; 
    text-align: center;
}

p a,
h1 a,
h2 a,
h3 a,
.nav-links a{
    text-decoration: none;
    border-bottom: 3px #000 solid;
}

p a:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover,
.nav-links a:hover {
    text-decoration: none;
    border-bottom: 3px #000000 solid;
}

[class^="post-"] h1,
[class^="post-"] h2,
[class^="post-"] h3,
[class^="post-"] .custom-date,
[class^="post-"] img {
    text-align: center;
}

[class^="post-"] .wp-caption {
    position: relative;
    width: 100%; 
    max-width: calc(100% - 120px);
}



@media (max-width: 512px) {

    h1,
    h2,
    h3,
    [class^="post-"] {
        font-size: 18px;
    }
}

/* 
this strange definition is to remove links from images in posts, but not from the links in the text
http://kaspars.net/blog/web-development/remove-border-from-image-links
*/
[class^="post-"] a img { 
    border:none; 
    vertical-align:top; 
}

[class^="post-"] img {
    clear: both;
    margin: 0;
}

[class^="post-"] .wp-caption img {
    margin: 0;
    width: 100%;
}


[class^="post-"] .wp-caption .wp-caption-text {
    position: absolute;
    right: -120px;
    top: 0; 
    margin: 0;
    width: 100px;
    font-family: Courier, serif;
    font-size: 14px;
    line-height: 19px;
    text-align: left;
}


.nav-links {
    font-family: 'UniversCom-65Bold', Arial, sans-serif;
    font-size: 21px;
}

.column.single {
    margin: 0 0 40px;
}

.column.single [class^="post-"] p {
    margin-bottom: 20px;
}
.column.masonry {
    width: 840px;
    margin-bottom: 10px;
}

.column.masonry [class^="post-"] {
    padding-top: 15px;
    padding-bottom: 15px;
    width: 385px;
    margin-right: 30px;
    margin-bottom: 30px;
    overflow: hidden;
}

.column.masonry [class^="post-"] img {
    display: block;
    margin: 0 auto 10px;
}

.column.masonry [class^="post-"] h1 {
    margin-bottom: 5px;
}


.home .column.masonry [class^="post-"]:hover {
    border: 6px #f66600 solid;
    background-color: #ffffff;
    color: #f66600;
    cursor: pointer!important;
}

.home .column.single [class^="post-"]:hover h1 a,
.home .column.masonry [class^="post-"]:hover h1 a {
    border-bottom: 3px #f66600 solid;
    background-color:;
    color: #f66600;
    cursor: pointer;
}

.home .column.single [class^="post-"]:hover a,
.home .column.masonry [class^="post-"]:hover a {
    color: #f66600!important;
}

.home .column.single [class^="post-"]:hover img,
.home .column.masonry [class^="post-"]:hover img{
    opacity: 1;
}


/* end grey background */

.home .column.single [class^="post-"] {
    text-align: center;
}

.home .column.single [class^="post-"] img {
    max-width: 300px;
}

.home .column.single [class^="post-"] p {
    margin: 0;
}

.column.masonry [class^="post-"] .entry-content,
.column.masonry [class^="post-"] .entry-content p {
    margin: 0px;
}

@media (max-width: 1024px) {

    .column.masonry {
        width: 100%;
    }

    .column.masonry [class^="post-"] {
        width: 100%!important;
        clear: both!important;
        position: static!important;
        margin-bottom: 20px;
    }
}

@media (max-width: 600px) {
    .column.single [class^="post-"] {
        padding-left: 15px;
        padding-right: 15px;
    }
}


/*==========================================
NEWS ARCHIVES/PAGES
==========================================*/

.news_archive img {
    max-width: 250px;
    width: 100%;
    display: block;
    margin: 0 auto 20px;
}

.news_archive [class^="post-"]:hover {
    border: 6px #f66600 solid;    
    color: #f66600;
    cursor: pointer;
}


.news_archive [class^="post-"] img.main_image,
.news_single [class^="post-"] img.main_image {
    margin: 0 auto 20px;
    display: block;
}

.news_single [class^="post-"] img.main_image{
    max-width: 600px;
    width: 100%;
}

.news_archive [class^="post-"] img.main_image{
    max-width: 300px;
    width: 100%;
}


/*==========================================
ARTIST ARCHIVES/PAGES
==========================================*/

.artist_archive {
    text-align: center;
    position: relative;
}

.entry-header.special h1,
.artist_archive a {
    font-family: 'UniversLTPro-UltraCn', Arial, sans-serif;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 21px;
    margin: 0 auto 10px 0;
    padding: 9px 10px 4px;    
    border: 6px #000000 solid;    
    color: #000000;
    letter-spacing: .5px;
    text-decoration: none;
    word-spacing: .2em;
}

.artist_archive h2 {
    margin: 22px 0 30px;
    border-bottom: 6px #000 solid;
    color: #000;
    display: inline-block;
    text-align: center;
}


.entry-header.special h1{
    border: 6px #000 solid;    
    color: #000;    
}

.artist_archive a:hover {
    border: 6px #f66600 solid;    
    color: #f66600;
    cursor: pointer;
}

.artist_archive article {
    position: relative;
}

.artist_archive article .artist_image {
    position: fixed;
    margin-left: -220px;
    top: 140px;
    max-width: 400px;
    display: block;
    text-align: left;
    font-family: Courier, serif;
    font-size: 14px;
    line-height: 19px;
    display: none;
}

.artist_archive article .artist_image span.caption {
    display: block;
    width: 300px;
}


.artist_archive article .title:hover ~ .artist_image {
    display: block;
}



.entry-header.special {
    width: 800px;
    text-align: center;
    position: fixed;
    z-index: 1100;
    top: 140px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.artist_single [class^="post-"] {
    border: none;
    margin-top: 105px;
    padding-top: 0;
}

.entry-header.special:before {
    content: "";
    z-index: -1;
    display: block;
    width: 99%;
    max-width: calc(100% - 52px);
    height: 120px;
    margin: 26px;
    background-color: #FFFFFF;
    position: fixed;
    top: 80px;
    left: 0;
}

.artist_single h1 {
    border: 6px #f66600 solid;    
    color: #000;
}

.artist_single h2 {
    margin: 80px 0 30px;
    color: #000;
}

.artist_single h2 span{
    border-bottom: 6px #000 solid;       
}


.artist_single .masonry {
    max-width: 700px;
    margin: 0 auto;
    padding-left: 30px;
}

.artist_single .masonry [class^="post-"]:hover {
    color: #f66600;
}

@media (max-width: 1024px) {

    .artist_single .masonry {
        padding-left: 0;
    }

    .artist_single .masonry [class^="post-"] {
        margin-left: auto;
        margin-right: auto;
    }
}

#exhibition {
    /* ensures that this module is 100% window height so it auto scrolls gracefully */
    min-height: 100vh;
}

.artist_single a.related_exhibition {
    display: block;
    margin: 0 auto 30px;
    padding: 15px;
    overflow: hidden;
    max-width: 300px;
    border: 6px #000000 solid;
}

.artist_single a.related_exhibition {
    display: block;
    margin: 0 auto 30px;
    padding: 15px;
    overflow: hidden;
    max-width: 300px;
    border: 6px #000000 solid;
    text-decoration: none;
    text-align: center;
}

.artist_single a.related_exhibition img {
    margin: 0 0 20px;
}

.artist_single a.related_exhibition h2 {
    margin: 0;
    color: #000;
    text-decoration: none;
}

.artist_single a.related_exhibition h1 {
    border: none;
    text-decoration: none;
    border-bottom: 2px #000 solid;
    display: inline;
    line-height: 26px;
}


.artist_single a.related_exhibition:hover {
    border: 6px #f66600 solid;
}

.artist_single a.related_exhibition:hover {
    border: 6px #f66600 solid;
}

.artist_single a.related_exhibition:hover h2 {
    color: #f66600;
}

.artist_single a.related_exhibition:hover h1 {
    color: #f66600;
    border-bottom: 2px #f66600 solid;
}

@media (max-width: 1400px) {

    .artist_archive article .title:hover ~ .artist_image,
    .artist_archive article .artist_image {
        display: none;
    }

    .entry-header.special:before {
        height: 160px;
    }

    .artist_single [class^="post-"] {
        margin-top: 155px;
    }
}


@media (max-width: 1024px) {

    .entry-header.special {
        position: static;
        width: 100%;
        margin: -50px auto 30px;
    }

    .entry-header.special:before {
        display: none;
    }

    .artist_single [class^="post-"] {
        margin-top: 60px;
    }
}


/*==========================================
EXHIBITION
==========================================*/

.exhibition_archive.single [class^="post-"] {
    border: none;
    padding-top: 0;
}


.exhibition_archive.single .sidebar_nav {
    width: 200px;
}

.exhibition_archive.single .sidebar_nav a {
    float: left;
    margin-right: 10px;
}

.exhibition_archive .entry-content {
    text-align: center;
    margin-top: 20px;
}
.exhibition_archive .entry-content .wrapper {
    display: inline-block;
    border: 6px #000000 solid;
    padding: 10px;
}

.exhibition_archive .entry-content .wrapper a h2,
.exhibition_archive .entry-content .wrapper a h3 {
    color: #000000;
}

.exhibition_archive .entry-content .wrapper a {
    text-decoration: none;
}

.exhibition_archive .entry-content .wrapper h1 a {
    text-decoration: none;
    margin-bottom: 4px;
}

.exhibition_archive .entry-content .wrapper:hover {
    border: 6px #f66600 solid;
    cursor: pointer;    
}

.exhibition_archive .entry-content .wrapper:hover h1 a,
.exhibition_archive .entry-content .wrapper:hover h2,
.exhibition_archive .entry-content .wrapper:hover h3 {
    color: #f66600;
}
.exhibition_archive .entry-content .wrapper:hover h1 a {
    border-bottom: 2px #f66600 solid;
}

.exhibition_archive h2 span,
.exhibition_single h2 span{
    border-bottom: 2px #000 solid;
    padding-bottom: 1px;
    
}

.exhibition_archive h2 {
    color: #000;    
}

.exhibition_archive [class^="post-"] img.main_image,
.exhibition_single [class^="post-"] img.main_image {
    margin: 0 auto 20px;
    display: block;
}

.exhibition_single [class^="post-"] {
    border: none;
    padding-top: 0; 
}

.exhibition_single h2 {
    margin: 80px 0 30px;
    color: #000;
}


@media (max-width: 1400px) {

    .exhibition_archive.single .sidebar_nav {
        width: 60%;
        text-align: center;
    }

    .exhibition_archive.single .sidebar_nav ul {
        margin: 0;
    }

    .exhibition_archive.single .sidebar_nav ul a {
        float: none;
    }
}

@media (max-width: 1024px) {
    .exhibition_single .sidebar_nav {
        position: static;
    }

}

@media (max-width: 512px) {

    .exhibition_archive.single .sidebar_nav {
        width: 100%;
    }
}

/*==========================================
CONTACT OVERLAY
==========================================*/

#contact_overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000000;
    z-index: 2000;
    color: #FFFFFF;
}

#contact_overlay .icon-close{
    position: absolute;
    z-index: 3000;
    top: 50px;
    right: 20px;
    font-size: 84px;
    line-height: 0;
}

#contact_overlay .icon-close:hover {
    cursor: pointer;
    color: #f66600;
}


#contact_overlay ul.contact{
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: table;
    margin: 0 auto;
    position: absolute;
    z-index: 500;
    bottom: 50px;
    max-width: 1024px;
    width: 90%;
    left: 0;
    right: 0;
}

#contact_overlay ul.contact li {
    width: 20%;
    padding-left: 2.5%;
    padding-right: 2.5%;
    display: table-cell;
    white-space: nowrap;
    font-family: 'UniversCom-65Bold', Arial, sans-serif;
    font-size: 21px;
    line-height: 26px;
}

#contact_overlay .cycle-slideshow {
    position: fixed; 
    top: -50%; 
    left: -50%; 
    width: 200%; 
    height: 200%;
    opacity: .5;
}

#contact_overlay .cycle-slideshow img {
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    margin: auto; 
    min-width: 50%;
    min-height: 50%;
}

#contact_overlay ul.contact li a {
    text-decoration: none;
    color: #FFFFFF;
    border-bottom: 2px #FFFFFF solid;
}

#contact_overlay ul.contact li a:hover {
    color: #f66600;
    border-bottom: 2px #f66600 solid;
}

#contact_overlay ul.contact li a:hover {
    color: #f66600;
}

@media (max-width: 1024px) {
    #contact_overlay ul.contact li {
        display: block;
        float: left;
        width: 50%;
        margin-bottom: 30px;
    }
}

@media (max-width: 600px) {

    #contact_overlay .icon-close{
        position: absolute;
        top: 30px;
        right: 0;
        font-size: 60px;
    }

    #contact_overlay ul.contact{
        top: 100px;
    }

    #contact_overlay ul.contact li {
        width: 100%;
    }
}

/*==========================================
ARTIST/EXHIBITION PAGE IMAGE DISPLAY
==========================================*/

ul.images {
    text-align: center;
    margin: 0; 
    padding: 0;
    width: 100%;
}


ul.images li {
    position: relative;
    display: block;
    margin: 0 auto;
    width: auto;
    margin-bottom: 20px;
}


ul.images li > span {
    position: absolute;
    right: -120px;
    top: 0; 
    width: 150px;
    font-family: Courier, serif;
    font-size: 14px;
    line-height: 19px;
    text-align: left;
}

ul.images li img {
    max-width: calc(100% - 140px);
}


@media (max-width: 1024px) {

    ul.images {
        max-width: 100%;
    }

    ul.images li span {
        position: static;
        display: inline-block;
        width: 100%;
    }

    ul.images li img {
        max-width: 100%;
    }
}

/*==========================================
PRESS LISTS
==========================================*/


ul.press {
    margin: 0; 
    padding: 0;
    list-style-type: none;
}

ul.press li {
    margin: 0 0 10px 0;
    overflow: hidden;
}


ul.press li a {
    display: block;
    color: #000000;
    text-decoration: none;
    height: 75px;
    max-height: none;
}

ul.press li:hover a {
    color: #f66600;
}

ul.press li span.title {
    float: left;
    display: table;
    width: calc(100% - 100px);
}

ul.press li span.title span.wrapper {
    display: table-cell;
    vertical-align: middle;
    height: 75px;
    max-height: none;
}

ul.press li span.icon {
    float: right;
    display: block;
    width: 75px;
    height: 100%;
    font-size: 82px;
    line-height: 75px;
}

@media (max-width: 600px) {

    ul.press li {
        margin: 0 0 30px 0;
    }

    ul.press li span.title span.wrapper,
    ul.press li a {
        height: auto;
    }
    ul.press li span.title {
        width: 100%;
    }
    ul.press li span.icon {
        display: none;
    }
}



/*==========================================
SEARCH
==========================================*/

body.search .page-header h1 {
    font-family: 'UniversCom-65Bold', Arial, sans-serif;
    font-size: 21px;
    text-align: center;
    margin-bottom: 30px;
}

body.search .page-header h1 span {
    text-transform: uppercase;
}

/* replace start */

body.search [class^="post-"]:hover {
    border: 6px #f66600 solid;    
    color: #f66600;
    cursor: pointer;
}

body.search [class^="post-"] h1:hover a {
    border-bottom: 2px #f66600 solid;
    color: #f66600;
}

body.search h2 a {
    color: #000000;
    text-decoration: none;
}


/*==========================================
HIDE ALL THE THINGS RELATED CODE
==========================================*/

@media (min-width: 1024px) {

    body.hide_all_the_things  {
        /*
        border: 6px #F00 solid;
        */
    }

    .search [class^="post-"],
    .post-type-archive-news [class^='post-'],
    .post-type-archive-exhibitions .entry-content .wrapper {
        position: relative;
    }

    .search [class^="post-"]:after,
    .post-type-archive-news [class^='post-']:after,
    .home .column.masonry [class^="post-"]:after,
    .single .column.masonry [class^="post-"]:after,
    .post-type-archive-exhibitions .entry-content .wrapper:after {
        content: "";
        width: 100%;
        height: 100%;
        min-height: 100px;
        background-color: #FFF;
        display: block;
        position: absolute;
        top: 0; 
        left: 0;
        opacity: 0;
        -webkit-transition:opacity .5s, -webkit-transform .5s;
        transition:opacity .5s, transform .5s;
        box-sizing: inherit;
    }

    .search [class^="post-"]:after,
    .post-type-archive-news [class^='post-']:after,
    .post-type-archive-exhibitions .entry-content .wrapper:after {
        width: calc(100% + 12px);
        height: calc(100% + 12px);
        border: 6px #000 solid;
        top: -6px; 
        left: -6px;
    }

    body.hide_all_the_things.search [class^="post-"]:after,
    body.hide_all_the_things.post-type-archive-news [class^='post-']:after,
    body.hide_all_the_things.home .column.masonry [class^="post-"]:after,
    body.hide_all_the_things.single .column.masonry [class^="post-"]:after,
    body.hide_all_the_things.post-type-archive-exhibitions .entry-content .wrapper:after {
        opacity: 1;
    }

    body.hide_all_the_things.search [class^="post-"].do_not_hide_this:after,
    body.hide_all_the_things.post-type-archive-news [class^='post-'].do_not_hide_this:after,
    body.hide_all_the_things.home .column.masonry [class^="post-"].do_not_hide_this:after,
    body.hide_all_the_things.single .column.masonry [class^="post-"].do_not_hide_this:after,
    body.hide_all_the_things.post-type-archive-exhibitions .entry-content .wrapper.do_not_hide_this:after {
        opacity: 0;
        transition:opacity .5s, transform .5s;
        -webkit-transition:opacity .5s, -webkit-transform .5s;
    }






    body.hide_all_the_things .sidebar_nav a,
    body.hide_all_the_things .artist_archive .title a,
    body.hide_all_the_things #masthead #site-branding a,
    body.hide_all_the_things #masthead #site-navigation ul li a,
    body.hide_all_the_things #masthead #site-navigation ul li.current-menu-item a,
    body.hide_all_the_things.single-news #masthead #site-navigation ul li.menu-item-649 a,
    body.hide_all_the_things.post-type-archive-exhibitions #masthead #site-navigation ul li.menu-item-650 a,
    body.hide_all_the_things.single-exhibitions #masthead #site-navigation ul li.menu-item-650 a,
    body.hide_all_the_things.single-artists #masthead #site-navigation ul li.menu-item-651 a {
        color: #FFF;
        transition:color .5s, transform .5s;
        -webkit-transition:color .5s, -webkit-transform .5s;
    }

    body.hide_all_the_things .artist_archive .title a.do_not_hide_this,
    body.hide_all_the_things .sidebar_nav a.do_not_hide_this,
    body.hide_all_the_things #masthead #site-branding a.do_not_hide_this,
    body.hide_all_the_things #masthead #site-navigation ul li a.do_not_hide_this, 
    body.hide_all_the_things #masthead #site-navigation ul li.current-menu-item a.do_not_hide_this,
    body.hide_all_the_things #masthead #site-navigation ul li.current-menu-item a:hover,
    body.hide_all_the_things.single-news #masthead #site-navigation ul li.menu-item-649 a:hover,
    body.hide_all_the_things.post-type-archive-exhibitions #masthead #site-navigation ul li.menu-item-650 a:hover,
    body.hide_all_the_things.single-exhibitions #masthead #site-navigation ul li.menu-item-650 a:hover,
    body.hide_all_the_things.single-artists #masthead #site-navigation ul li.menu-item-651 a:hover {
        color: #f66600;
    }

}