

                        

    

    


.custom-grid .entry {
    width: 22.87037037037%;
    margin-right: 2.8395061728395%;
    margin-bottom: 60px;
    display: inline-block;
    vertical-align: top;
}


.custom-grid .entry:nth-child(4n+4) {
    margin-right: 0;
} 

.custom-grid .entry .placeholder {
    padding-top: 100%;
    background: inherit;
}

.custom-grid .entry .placeholder .image img {
    max-height: 100%;
    max-width: 100%;
        padding: 0;
        position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    
}


                                                                                                                                                                                                                                                                            



    


.custom-grid-publications .entry {
    width: 22.87037037037%;
    margin-right: 2.8395061728395%;
    margin-bottom: 60px;
    display: inline-block;
    vertical-align: top;
}


.custom-grid-publications .entry:nth-child(4n+4) {
    margin-right: 0;
} 

.custom-grid-publications .entry .placeholder {
    padding-top: 100%;
    background: inherit;
}

.custom-grid-publications .entry .placeholder .image img {
    max-height: 100%;
    max-width: 100%;
        padding: 0;
        position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;    
    
}


                                                    

    
    
    

@media all and (max-width: 768px) {

.custom-grid .entry {
    width: 30.493827160494%;
    margin-right: 4.2592592592593%;
    margin-bottom: 60px;
    display: inline-block;
    vertical-align: top;
}

        .custom-grid .entry:nth-child(4n+4){
        margin-right: 4.2592592592593%;
    }
        .custom-grid .entry:nth-child(3n+3){
        margin-right: 4.2592592592593%;
    }
        .custom-grid .entry:nth-child(3n+3){
        margin-right: 4.2592592592593%;
    }
        .custom-grid .entry:nth-child(2n+2){
        margin-right: 4.2592592592593%;
    }
        

.custom-grid .entry:nth-child(3n+3) {
    margin-right: 0;
} 

.custom-grid .entry .placeholder {
    padding-top: 100%;
    background: inherit;
}

.custom-grid .entry .placeholder .image img {
    max-height: 100%;
    max-width: 100%;
        padding: 0;
        position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    
}

}

                                                                                                                                                                                                                                                                            


    
    

@media all and (max-width: 768px) {

.custom-grid-publications .entry {
    width: 30.493827160494%;
    margin-right: 4.2592592592593%;
    margin-bottom: 60px;
    display: inline-block;
    vertical-align: top;
}

        .custom-grid-publications .entry:nth-child(4n+4){
        margin-right: 4.2592592592593%;
    }
        .custom-grid-publications .entry:nth-child(3n+3){
        margin-right: 4.2592592592593%;
    }
        .custom-grid-publications .entry:nth-child(3n+3){
        margin-right: 4.2592592592593%;
    }
        .custom-grid-publications .entry:nth-child(2n+2){
        margin-right: 4.2592592592593%;
    }
        

.custom-grid-publications .entry:nth-child(3n+3) {
    margin-right: 0;
} 

.custom-grid-publications .entry .placeholder {
    padding-top: 100%;
    background: inherit;
}

.custom-grid-publications .entry .placeholder .image img {
    max-height: 100%;
    max-width: 100%;
        padding: 0;
        position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;    
    
}

}

                                                    

    
    
    

@media all and (max-width: 600px) {

.custom-grid .entry {
    width: 30.493827160494%;
    margin-right: 4.2592592592593%;
    margin-bottom: 60px;
    display: inline-block;
    vertical-align: top;
}

        .custom-grid .entry:nth-child(4n+4){
        margin-right: 4.2592592592593%;
    }
        .custom-grid .entry:nth-child(3n+3){
        margin-right: 4.2592592592593%;
    }
        .custom-grid .entry:nth-child(3n+3){
        margin-right: 4.2592592592593%;
    }
        .custom-grid .entry:nth-child(2n+2){
        margin-right: 4.2592592592593%;
    }
        

.custom-grid .entry:nth-child(3n+3) {
    margin-right: 0;
} 

.custom-grid .entry .placeholder {
    padding-top: 100%;
    background: inherit;
}

.custom-grid .entry .placeholder .image img {
    max-height: 100%;
    max-width: 100%;
        padding: 0;
        position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    
}

}

                                                                                                                                                                                                                                                                            


    
    

@media all and (max-width: 600px) {

.custom-grid-publications .entry {
    width: 30.493827160494%;
    margin-right: 4.2592592592593%;
    margin-bottom: 60px;
    display: inline-block;
    vertical-align: top;
}

        .custom-grid-publications .entry:nth-child(4n+4){
        margin-right: 4.2592592592593%;
    }
        .custom-grid-publications .entry:nth-child(3n+3){
        margin-right: 4.2592592592593%;
    }
        .custom-grid-publications .entry:nth-child(3n+3){
        margin-right: 4.2592592592593%;
    }
        .custom-grid-publications .entry:nth-child(2n+2){
        margin-right: 4.2592592592593%;
    }
        

.custom-grid-publications .entry:nth-child(3n+3) {
    margin-right: 0;
} 

.custom-grid-publications .entry .placeholder {
    padding-top: 100%;
    background: inherit;
}

.custom-grid-publications .entry .placeholder .image img {
    max-height: 100%;
    max-width: 100%;
        padding: 0;
        position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;    
    
}

}

                                                    

    
    
    

@media all and (max-width: 400px) {

.custom-grid .entry {
    width: 45.740740740741%;
    margin-right: 8.5185185185185%;
    margin-bottom: 60px;
    display: inline-block;
    vertical-align: top;
}

        .custom-grid .entry:nth-child(4n+4){
        margin-right: 8.5185185185185%;
    }
        .custom-grid .entry:nth-child(3n+3){
        margin-right: 8.5185185185185%;
    }
        .custom-grid .entry:nth-child(3n+3){
        margin-right: 8.5185185185185%;
    }
        .custom-grid .entry:nth-child(2n+2){
        margin-right: 8.5185185185185%;
    }
        

.custom-grid .entry:nth-child(2n+2) {
    margin-right: 0;
} 

.custom-grid .entry .placeholder {
    padding-top: 100%;
    background: inherit;
}

.custom-grid .entry .placeholder .image img {
    max-height: 100%;
    max-width: 100%;
        padding: 0;
        position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    
}

}

                                                                                                                                                                                                                                                                            


    
    

@media all and (max-width: 400px) {

.custom-grid-publications .entry {
    width: 45.740740740741%;
    margin-right: 8.5185185185185%;
    margin-bottom: 60px;
    display: inline-block;
    vertical-align: top;
}

        .custom-grid-publications .entry:nth-child(4n+4){
        margin-right: 8.5185185185185%;
    }
        .custom-grid-publications .entry:nth-child(3n+3){
        margin-right: 8.5185185185185%;
    }
        .custom-grid-publications .entry:nth-child(3n+3){
        margin-right: 8.5185185185185%;
    }
        .custom-grid-publications .entry:nth-child(2n+2){
        margin-right: 8.5185185185185%;
    }
        

.custom-grid-publications .entry:nth-child(2n+2) {
    margin-right: 0;
} 

.custom-grid-publications .entry .placeholder {
    padding-top: 100%;
    background: inherit;
}

.custom-grid-publications .entry .placeholder .image img {
    max-height: 100%;
    max-width: 100%;
        padding: 0;
        position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;    
    
}

}

                                    
.main-header nav a { letter-spacing: 1px; color: #4d4d4d; font-size: 13px; }
body { background: #cccccc; color: #4d4d4d; }
#overlay, footer { background: #cccccc; }
h1, h1.sectionname, .entries .titles, .entries .title, .grid .titles, .grid .title, .homepage .caption h1 { font-size: 16px; letter-spacing: 1px; text-transform: uppercase; color: #4d4d4d; }
h4, .sectionname { font-size: 14px; letter-spacing: 1px; text-transform: uppercase; color: #4d4d4d; }
.news h1, .press-thumbs .entry .title { text-transform: uppercase; }
h2, .entries .subtitle, .grid .subtitle, .grid .titles .subtitle, .homepage .caption h2 { color: #4d4d4d; font-size: 13px; text-transform: capitalize; }
h3, .entries .date, .grid .date, .grid .titles .date, .homepage .caption h3 { color: #4d4d4d; font-size: 11px; text-transform: capitalize; }
.large-images h2, .news h2, .news h3 { text-transform: capitalize; }
.screen-nav a, .slider-features a, .section-header a, .private nav a, .news .list h1, .entry .placeholder, .entry .thumb, .list.text-only.entries.fixed-font a .summary { color: #4d4d4d; }
section header, .divider, .news .entry { border-color: #7a7a7a; }
.main-header nav a:hover, .main-header nav a.active, a:hover, a:hover *, .grid .entry a:hover span, .private-login input[type="submit"]:hover, .entry a:hover .placeholder, .entry a:hover .thumb, #overlay .close:hover { color: #ff0000 !important; }

@media (max-width: 736px) {
.mobile-menu-wrapper {
    margin: -28px 0;
    position: relative;
    display: block;
}
.main-header nav.mobile {
    text-align: right;
    padding-top: 0;
    float: right;
}
.main-header {
    padding: 20px 0;
}
.main-header nav {
    padding-top: 0;
}
.main-header nav.mobile {
    display: inline-block;
    line-height: 26px;
}
.main-header nav.main, .main-header nav.languages {
    display: none;
}
nav.mobile .navlinks a {
    display: block;
    margin: 0;
    padding-bottom: 15px;
    line-height: 100%;
}
nav.mobile .navlinks {
    margin-top: 10px;
}
}


.logo {
   height: 40px;
   width: 175px;
}

.logo:hover {
  content: url(https://s3.amazonaws.com/files.collageplatform.com.prod/application/54d3aa1b07a72cec22c26629/Stux-logo-red.png);
  height: 40px;
  width: 175px;
}

a.active {
    color:#ff0000
}

.caption h1, .caption h2, .caption h3 {
    color: #ffffff;
}


.custom-grid-artists .entry .title, .custom-grid-publications .entry .title, .custom-grid .entry .title { letter-spacing: 1px;
    text-transform: uppercase;
    color: #4d4d4d;
    font-size: 12px;
    line-height: 180%;
}
.custom-grid-artists .entry .placeholder, .custom-grid-publications .entry .placeholder, .custom-grid .entry .placeholder {
    margin-bottom: 10px;
}

.main-header { background-color: #ccc; padding: 25px 0; padding-bottom: 15px; margin-bottom: 25px; }
.main-header nav { padding-top: 22px; }
#seeHomepageItems { background: #929597; }
.caption h2 { margin-bottom: -6px; }
.associations .news .entry { width: 100%; }
.associations .news .entry .summary { display: block; }
.associations .news .entry img { float: right; }
.section-header .links { text-transform: uppercase; }
.exhibitions.home .medium .headers { padding-top: 10px; }
.exhibitions.home .small .headers { padding-top: 7px; }
nav.slider-features { text-transform: uppercase; font-size: 11px; letter-spacing: .5px; }
.screen-nav { text-transform: uppercase; font-size: 11px; letter-spacing: .5px; }
.news-index .entry .thumbnail { width: 25%; }
.slider { padding-bottom: 65px; }
.placeholder .image { background-color: #ccc; }
h2, .entries .subtitle, .grid .subtitle, .grid .titles .subtitle, .homepage .caption h2 { letter-spacing: 0; }
h3, .entries .date, .grid .date, .grid .titles .date, .homepage .caption h3 { letter-spacing: 0; }
footer div.footer-cols { color: #fff; }
footer { padding: 20px 0; background: #848484 !important; }
footer div.footer-cols { width: 93%; font-size:12px; }

*:focus:not(.focus-visible) {
    outline: none;
}


