

                        

    

    


.custom-grid .entry {
    width: 20.909090909091%;
    margin-right: 5.4545454545455%;
    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: 86.95652173913%;
    background: none;
}

.custom-grid .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: 41.818181818182%;
    margin-right: 16.363636363636%;
    margin-bottom: 60px;
    display: inline-block;
    vertical-align: top;
}

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

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

.custom-grid .entry .placeholder {
    padding-top: 86.95652173913%;
    background: none;
}

.custom-grid .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: 41.818181818182%;
    margin-right: 16.363636363636%;
    margin-bottom: 60px;
    display: inline-block;
    vertical-align: top;
}

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

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

.custom-grid .entry .placeholder {
    padding-top: 86.95652173913%;
    background: none;
}

.custom-grid .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: 100%;
    margin-right: 0%;
    margin-bottom: 60px;
    display: inline-block;
    vertical-align: top;
}

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

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

.custom-grid .entry .placeholder {
    padding-top: 86.95652173913%;
    background: none;
}

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

}

                                                                                                                                                                                                                                                                                                                                                                                                                                                    

@font-face{
    font-family:"Trade Gothic W02 Roman";
    src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5491696ae253608b417b23c6/2994723f-f6a9-4159-a5b9-f43ceaa0b071.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5491696ae253608b417b23c6/89cdefe7-0e02-4f9b-9b0a-c92845cab3d6.woff") format("woff");
}
@font-face{
    font-family:"TradeGothicW01-Extended";
    src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5491696ae253608b417b23c6/1c50e546-f8f6-40c2-8230-2d8f284effee.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5491696ae253608b417b23c6/1b99d71c-c066-4ce3-b4af-38dfd9fe3d85.woff") format("woff");
}


/* --------------------------------------------------------- */
/*GLOBAL BANNER*/
section#wrapper-global-banner .text-one-column,
section#wrapper-global-banner .content{
    padding-bottom:0;
    max-width: 100%;
}
section#wrapper-global-banner header{
    display:none;
}
section#wrapper-global-banner{
    background-color:#000000;
    padding:6px 0;
    /*margin-bottom:20px;*/
}
section#wrapper-global-banner p {
    color:#ffffff;
    margin-bottom: 0;
    text-align:center;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height:1.5;
}


/* --------------------------------------------------------- */
/*NEW STAFF*/

#staff-grid .title,
#staff-grid .subtitle,
#staff-grid .date,
#staff-grid .summary p
{
    font-size:11px;
    text-transform:uppercase;
    font-family: 'TradeGothicW01-Extended';
}
#staff-grid .title{
    font-weight:bold;
    margin-top:10px;
}
#staff-grid .entry a{color:#666666;}
#staff-grid .entry a:hover{color:#000000;}
/* --------------------------------------------------------- */


.s-video header.section-header .container {
    display: none;
}

div#video-grid {
    margin-top: -35px;
}

/* SUMMER HOURS */

.contentWrapper:before {
    /*background-color: #d8d8d8;*/
    /*background-color:#000000;*/
    /*content: "SUMMER HOURS: MONDAY-FRIDAY, 10 AM – 6 PM; FROM JULY 5 – AUGUST 11";*/
    /*font-size: 11px;*/
    /*letter-spacing: 1px;*/
    /*color: #ffffff;*/
    /*display: inline-block;*/
    /*width: 100%;*/
    /*text-align: center;*/
    /*text-transform: uppercase;*/
}


/* MAILING LIST SIGN UP */
form input[type="text"], form input[type="password"], form input[type="email"], form select, form textarea {
    display: -webkit-inline-box;
    border: 1px solid #eee;
    font-size: 10px;
    padding: 10px;
    height: 20px;
    background: #fff;
    margin-bottom: 0px;
    width: 220px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}



/* changing inquire text */
.slide figcaption a:after 
{ content: "about this work" }

.main-header{
    font-family:'TradeGothicW01-Extended';
}
.main-header .logo .alt-standard { height: 45px; }
#selected-works header {
    padding-bottom: 40px;
}
#featured-works header {
    padding-bottom: 40px;
}
h1,h3,
.grid-container .title,
.section-header,
.entry .links,
.quicklinks,
footer,
.text-four-columns{
    font-family:'TradeGothicW01-Extended';
}
.slide figcaption {
    font-size: 15px;
}
#supersized .activeslide img, #supersized .prevslide img { 
    -webkit-transition: -webkit-filter 0.25s ease-out;
    transition: filter 0.25s ease-out; 
}
body{
    font-family:'Trade Gothic W02 Roman';
}
body{
    font-size: 11px;
    color: #000;
}
.text-with-background { font-size: 15px; line-height: 20px !important; }
.text-with-background .container { position: relative; }
.text-with-background .links.in-text {
    position: absolute;
    right: 0;
    top: -80px;
}
.text-with-background .links a {color: #ffffff;}


.main-header{
    padding: 10px 0px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
    border: none;
}

.main-header .container{
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;  
    -webkit-align-items: center;
    -webkit-justify-content: space-between;  
}
.main-header .logo {
    float: none;
    display: -webkit-flex;
    display: flex;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
}
.main-header .logo span{
    font-size: 30px;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
}
.main-header nav {
    display: -webkit-flex;
    display: flex;
    font-size: 14px;
    line-height: 24px;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    -webkit-justify-content: flex-end;
}
.main-header nav a{
    color: #000;
}
.main-header nav a:hover{
    color: #666;
}

.main-header nav a.active {
    color: #666;
}

.homepage.full-width-banner {
    margin-bottom: 0px;
}
.homepage.full-width-banner .slide figure {
    padding-top: 600px;
    
}
.homepage.full-width-banner .slide .caption {
}
.homepage .list .entry {
    display: inline-block;
    padding-right: 5.78%;
    width: 20.66%;
    vertical-align: top;
}
.homepage .list .entry:nth-child(4n+4) {
    padding-right: 0%;
}
.homepage .news .entry .thumbnail {
    width: 100%;
}
.main-header nav.mobile{
    display: none;
}

.item-header-background {
    background-size: cover;
    display: flex;
    height: 350px;
    margin-bottom: 20px;
    width: 100%;
}

.container {
    margin: 0 auto;
    max-width: 1100px;
}
.divider{
    border: none;
}


.news .entry .info {
    width: 70%;
}

.grid .entry.half {
    border-top: 0 none;
    padding-right: 5%;
    width: 47.5%;
}

.grid .entry {
    padding-right: 5.78%;
    width: 20.66%;
}




/*upcoming exhibition fix */
.grid .entry.medium {
    padding-right: 2.75%;
    width: 31.5%;
}


.small .thumb,
.placeholder{
    padding-top: 77%;
}
.fitted .placeholder{
    padding-top: 75%;
}
.fitted .placeholder .image img {
    max-height: 90%;
    max-width: 90%;
}
.press-thumbs .image {
    background: none;
}


/* SCREENS */

.section-header.background-header{
    padding-bottom: 0;
    margin-bottom: 0;
}
.item-header-background{
    margin-bottom: 0;
}


.text-with-background .text {
    width: 70%;
}

.quicklinks{
    padding: 30px 0;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
        
}





/* TEXT & HEADERS PADDINGS */
.entry .thumbnail{
    padding-bottom: 10px;
}

/* SECTION PADDINGS */
.section-header{
    padding-top: 50px;
}
.section-header + .text-four-columns{
    padding-top: 10px;
}

.grid-container
{
    padding-top:60px;
}
.grid-container .section-header {
    margin-bottom: 35px;
    margin-top: -15px;
}

.text-four-columns{
    padding-top: 50px;
    padding-bottom: 10px;
}


.homepage .news{
    padding-top: 60px;
}
.grid,
.row{
    padding-bottom: 0;
}




/* GRADIENT */
.news-index .entry,
.grid-container,
.homepage .news,
.text-four-columns
{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
        
}


.page-header{
    text-align: center;
}


/* PRESS INDEX */
.fitted .placeholder {
    background: #fff;
}

/* FONT COLORS */
.page-header{
    color: #fff;
}


.entry,
.entry a,
.entry .view-link:hover{
    color: #000;
}

.entry .view-link{
    color: #666;
}

footer{
    color: #000;
}
footer .credit {
    text-transform: none !important;

}

/* FONT SIZING */
.page-header.section-header h1{
    font-size: 50px;
}
.list h1,
.exhibitions .medium h1 {
    font-size: 14px;
    line-height: 20px;
}
.full-width-banner,
.full-width-banner a{
    color: #fff;
}

.full-width-banner .caption h1{
    font-size: 30px;
}
.full-width-banner .caption h3{
    font-size: 13px;
    color: #fff;
    
}
h3{
    font-size: 11px;
    color: #BD0026;
}
.section-header h1,
.section-header h4,
.section-header .links,
footer{
    font-size: 15px;
}

h1,h3,
.grid-container .title,
.section-header,
.entry .links,
.quicklinks,
.text-four-columns,
footer{
    text-transform: uppercase;
}
.entry .links{
    font-size: 11px;
}

/* FOOTER */
footer .footer-social a{
    display: block;
    margin: 0;
}
footer div {
    padding-right: 0;
}
.footer-cols div{
    width: 33%;
}
footer .footer-social:before{
    content: "Follow us on the web";
    display: block;
    margin-bottom: 5px;
}
footer .footer-social {
    text-align: left;
    float: none;
}
footer .footer-social a {
    display: inline-block;
    margin-right: 10px;
}
footer div.footer-cols {
    line-height: 22px;
    width: 79%;
}

footer .credit {
    width: 100%;
    text-align: right;
}

/* GALLERY PAGE */
#screen-map.embed .container{
    max-width: none;
} 
#screen-map.embed iframe{
    width: 100%;
}

.container.text-four-columns{
    max-width: none;
}
.container.text-four-columns .content{
    max-width: 1100px;
    margin: 0 auto;
}


/* NEWS */
.news-index .list-container > .container{
    max-width: 100%;
}
.news-index .entry{
    padding-top: 60px;
    padding-bottom: 60px;
}


/* AFTER DEPLOYMENT CHANGES */
.section-header.page-header{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */

}
.page-header h3 {
    color: #fff;
}
.section-header.divider.page-header .container h3 {
    color: #000;
}
body{
    font-size: 13px;
}
.grid-container .section-header{
    padding-top: 0px;
}
.section-header.background-header{
    padding-top: 0px;
}
.section-header.background-header span.item-header > div{
    max-width: 1100px;
}
.quicklinks,
.slider-features{
    font-size: 11px;
}
.text-with-background{
    padding-top: 0px;
    margin-bottom: 10px;
    padding-bottom: 60px;
    color: #fff;
}
.text-with-background h4{ 
    color: #fff;
}
.entries.fixed-font .title, .entries.fixed-font .titles,
.press.home .press-thumbs.fixed-font .title {
    font-size: 14px;
}

.entries.fixed-font .subtitle {
    font-size: 13px;
    color: #000;
}
.entries.fixed-font .date{
    font-size: 11px;
    color: #BD0026;
    text-transform: uppercase;
}
.text-four-columns{
    font-size: 11px;
}
.entry .links a{
    color: #666;
}



#multiple-slider-container,
.list-container,

.news-index .entry,
.grid-container,
.homepage .news,
.text-four-columns,
footer{
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}



.section-header.divider.page-header .container {
    color: #000;
    justify-content: center;
}

/* TITLE/SUBTITLE/DATE SPACING ADJUSTMENTS */
.grid .thumb {
    padding-bottom: 10px;
}
.grid .entry .placeholder {
    margin-bottom: 17px;
}
.grid h1{
    padding-bottom: 18px;
}
.exhibitions .medium h1{
    padding-bottom: 15px;
}
.exhibitions .small h1 {
    padding-bottom: 19px;
    padding-top: 20px;
}

.grid h2 {
    padding-bottom: 13px;
}
.entry .links {
    margin-top: 13px;
}


.grid .entry .title, .grid .entry .subtitle {
    padding-bottom: 15px;
}

/* NEWS/PRESS DATE - SUMMARY ORDER SWITCH */
.homepage .news .entry .thumbnail, 
.press-thumbs .entry .info {
    display: flex;
    flex-direction: column;
    width: 100%;
    display: -webkit-flex;
    -webkit-flex-direction: column;
}
.homepage .entry .thumbnail {
    padding-bottom: 21px;
}
.press-thumbs .entry .info p{
    order: 1;
}
.press-thumbs .entry .info .date{
    order: 2;
}
.press-thumbs .entry .info .links{
    order: 3;
}
.homepage .news .entry .summary{
    order: 1;
    padding-bottom: 21px;
    line-height: 20px !important;
}
.homepage .news .entry h2{
    order: 2;
}
.homepage .news .entry .links{
    order: 3;
}


.homepage .info h2 {
    text-transform: uppercase;
    color: #bd0026;
    font-family:'TradeGothicW01-Extended';

    font-size: 11px;
}
.press-thumbs.entries.fixed-font .date{
    color: #bd0026;
    font-size: 11px;
    padding-top: 13px;
    text-transform: uppercase;
    font-family:'TradeGothicW01-Extended';
}


footer{
    background: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/5491696ae253608b417b23c6/logo-long-black.png') center top no-repeat;
    margin-top: 60px;
    padding-top: 110px
}
footer{
    background: #ffffff; /* Old browsers */
    background: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/5491696ae253608b417b23c6/logo-long-black.png'), -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
    background: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/5491696ae253608b417b23c6/logo-long-black.png')  -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
    background: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/5491696ae253608b417b23c6/logo-long-black.png'),  -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/5491696ae253608b417b23c6/logo-long-black.png'),-o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
    background: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/5491696ae253608b417b23c6/logo-long-black.png'),-ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */
    background: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/5491696ae253608b417b23c6/logo-long-black.png'), linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
    background-position: center top;
    background-repeat: no-repeat;

        
}


/* HOMEPAGE CHANGE */
#slidecaption { bottom: auto; top: 500px; }
#slidecaption a { color: #FFFFFF; }
#slidecaption h1 { font-size: 30px; }
#slidecaption h2 { font-size: 16px; }
#slidecaption h3 { font-size: 13px; }
#seeHomepageItems { display: none; visibility: hidden; z-index: 0; }


/* RESPONSIVENESS */
@media all and (min-width: 1025px) {
    ul#supersized {
    height:600px !important;
    top: 65px;
	}

    .homepage-header-wrapper{
	height: 600px !important;
	margin-bottom: 40px;
    }
}

@media all and (max-width: 1024px) {
    body{
        font-size: 12px;
    }
    
    .main-header nav.main{
        padding-top: 0;
        text-align: right;
        font-size: 13px;
    } 
    /* FONT SIZING */
    .page-header.section-header h1{
        font-size: 50px;
    }
    .list h1,
    .exhibitions .medium h1 {
        font-size: 13px;
        line-height: 20px;
    }

    .full-width-banner .caption h1{
        font-size: 30px;
    }
    .full-width-banner .caption h3{
        font-size: 12px;
        color: #fff;

    }
    h3{
        font-size: 10px;
    }
    .section-header h1,
    .section-header h4,
    .section-header .links,
    footer{
        font-size: 10px;
    }

    .entry .links{
        font-size: 10px;
    }   
    
    .homepage .news .entry .info {
        width: 100%;
    }
    footer{
        background-size: 100%;
    }
    .section-header .links {
  flex-shrink: 1;
  -webkit-flex-shrink: 1;
  flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
}
    ul#supersized {
    height:512px !important;
    top: 65px;
	}

    .homepage-header-wrapper{
	height: 512px !important;
	margin-bottom: 40px;
    }
}

    
@media all and (max-width: 800px) {
    .news .entry .info {
        width: 54%;
    }  
    #slidecaption {
        top: 300px;
        padding: 0 20px;
    }
}


@media all and (max-width: 768px) {
    .main-header .container{
        
    }
    
    .main-header nav.main{
        display: none;
    }
    .main-header nav.mobile{
        display: block;
        text-align: right;
    }
    .main-header nav.mobile a{
        display: block;
        margin: 0;
        padding-bottom: 15px;
        line-height: 100%;
    }   
    .homepage .list .entry,
    .grid .entry,
    .grid .entry.medium,
    .grid .entry.medium:nth-child(2n+2),
    .homepage .list .entry:nth-child(4n+4),
    .grid .entry:nth-child(4n+4),
    .homepage .list .entry:nth-child(5n+5),
    .grid .entry:nth-child(5n+5)    {
        padding-right: 8.78%;
        width: 26.66%;
    }
    .homepage .list .entry:nth-child(3n+3),
    .grid .entry:nth-child(3n+3),
    .grid .entry.medium:nth-child(3n+3){
        padding-right: 0%;
    }
    
    .footer-cols {
        width: 100% !important;
    }
    
    ul#supersized {
    height:333px !important;
    top: 65px;
	}

    .homepage-header-wrapper{
	height: 333px !important;
	margin-bottom: 40px;
    }
    
    #alternateLogos img {
        top: 175px !important;
        height: 111px;
        width: auto !important;
        margin: 0 !important;
        left: 31% !important;
    }
    
}  

@media all and (max-width: 480px) {
  header.main-header.homepage {
        position: fixed !important;
    }
    
    .footer-col1, .footer-col2, .footer-col3, .footer-social {
        width: 50% !important;
        display: inline-block;
    }
    
    .footer-col1, .footer-col2 {
        padding-bottom: 30px;
    }
    
    .footer-social {
        position: relative;
        /*left: 50%;*/
        /*bottom: 72px;*/
    }
    
    ul#supersized {
    height:160px !important;
    top: 65px;
	}

.homepage-header-wrapper{
	height: 160px !important;
	margin-bottom: 40px;
    }
    
    #slidecaption {
        top: 130px;
    }
    
    #alternateLogos img {
        top: 120px !important;
        height: 54px;
        width: auto !important;
        left: 35% !important;
    }

}
@media all and (max-width: 400px) {
    .main-header .logo {
        width: auto;
    }
    .page-header.section-header h1{
        font-size: 30px;
    }
    .list h1,
    .exhibitions .medium h1 {
        font-size: 12px;
        line-height: 20px;
    }

    .full-width-banner .caption h1{
        font-size: 30px;
    }
    .full-width-banner .caption h3{
        font-size: 11px;
        color: #fff;

    }
    h3{
        font-size: 9px;
    }
    .section-header h1,
    .section-header h4,
    .section-header .links,
    footer{
        font-size: 9px;
    }

    .entry .links{
        font-size: 9px;
    }   
    .homepage .news .entry .info {
        width: 100%;
    }    
    
    .homepage .list .entry:nth-child(4n+4), 
    .grid .entry:nth-child(4n+4), 
    .homepage .list .entry,
    .grid .entry,
    .grid .entry.medium,
    .grid .entry.medium:nth-child(3n+3),
    .homepage .list .entry:nth-child(3n+3),
    .grid .entry:nth-child(3n+3),    
    .homepage .list .entry:nth-child(5n+5),
    .grid .entry:nth-child(5n+5)    {
        padding-right: 8.78%;
        width: 44.66%;
    }
    .homepage .list .entry:nth-child(2n+2),
    .grid .entry:nth-child(2n+2),
    .grid .entry.medium:nth-child(2n+2){
        padding-right: 0%;
    }    
}

@media all and (max-width: 400px) {
    .news .entry .info, .news .entry .thumbnail {
        width: 100%; float: none;
    }  
}
@media all and (max-width: 768px) {
    footer { background-size: 90% auto, auto auto; }
    nav.main { display: none; }
    .mobile-menu-wrapper { display: block; }
    nav.mobile { display: inline-block; }
}
footer .footer-social { line-height: 22px; }
/* --------------------------------------------------------- */
/* SUPERSIZE FIX */
ul#supersized {
    height:600px;
	}

.homepage-header-wrapper{
	height: 600px;
}
/* styles for Press - sort by artists */

#press-grid span.links.switch { display: none; }
#press-grid .filter-items .association-filter {
    border: 1px solid #666;   
    height: 23px;
}
#press-grid .dropdown:after {
    background-color: #666;
    width: 20px;
    cursor: pointer;
}

#press-grid .dropdown:before {
    border-width: 5px 4px 0 4px;
    right: 6px;
    cursor: pointer;
    top: 55%;
}
#press-grid .filter-items { font-size: 11px; }
#press-grid .divider.dropdown {
    width: 210px!important;
    height: 23px;
}
#press-grid .dropdown > a {
    position: relative;
    top: -4px;
}
#press-grid .filter-items > a {
    top: -4px;
    position: relative;
}
#press-grid .dropdown > div { left: -1px; border-color: #666; }
#press-grid .dropdown > div a { line-height: 24px; padding: 3px 5px 0 5px; }
#press-grid header.section-header { margin-bottom: 15px; }

@media all and (max-width: 350px) {
    .text-with-background .text { width: 100%; }
    #press-grid .divider.dropdown { width: 185px!important; }
}

/* Supersize caption fix */


.s-home .container.outside {
    position: relative;
    margin-top: -445px;
}
    
.s-home .container.outside #slidecaption {
    top: -60px;
    height: 445px;
    position: relative !important;
    display: table-cell;
    vertical-align: bottom;
}  


@media all and (max-width: 1024px) {
    
           .s-home .container.outside #slidecaption h1 {
        font-size: 24px;
    }

    .s-home .container.outside #slidecaption h2 {
        font-size: 14px;
    }

    .s-home .container.outside #slidecaption h3 {
        font-size: 12px;
    }
    
    .s-home .container.outside {
        position: absolute;
        margin-top: -490px;
    }
    .s-home .container.outside #slidecaption {
        height: 490px;
        position: relative !important;
        display: table-cell;
        vertical-align: bottom;
        padding-left: 20px;
        padding-right: 20px;
    }  
}

@media all and (max-width: 800px) {
    
           .s-home .container.outside #slidecaption h1 {
        font-size: 24px;
    }

    .s-home .container.outside #slidecaption h2 {
        font-size: 14px;
    }

    .s-home .container.outside #slidecaption h3 {
        font-size: 12px;
    }
    
    .s-home .container.outside {
        position: absolute;
     
    }
    
    .s-home .container.outside #slidecaption {
        height: 490px;
        position: relative !important;
        display: table-cell;
        vertical-align: bottom;
    }  
    
}

@media all and (max-width: 500px) {
    
       .s-home .container.outside #slidecaption h1 {
        font-size: 22px;
    }

    .s-home .container.outside #slidecaption h2 {
        font-size: 12px;
    }

    .s-home .container.outside #slidecaption h3 {
        font-size: 10px;
    }
    
    .s-home #supersized {
        height: 350px!important;
    }
    .homepage .news {
        padding-top: 33px;
    }
    
    .s-home .homepage-header-wrapper {
     height: 415px!important    
    } 
    .s-home .contentWrapper {
        padding-top: 0!important;
    }
    
    .s-home .container.outside #slidecaption {
        top: -10px;
        height: 450px;
        position: relative;
        display: table-cell;
        vertical-align: bottom;
    }
    
    .s-home .contentWrapper .container.outside {
        position: absolute;
        word-wrap: break-word;
    }
}

@media all and (max-width: 480px) {
     .contentWrapper .container.outside {
        word-break: break-word;
    }
}

@media all and (max-width: 350px) {
    .text-with-background .text { width: 100%; }
    #press-grid .divider.dropdown { width: 185px!important; }
}











/* -------------------------------------------------------------------------- */
/* CONTAINER */
/* -------------------------------------------------------------------------- */
.container, footer div.container{padding: 0 40px;}

/* keep padding*/
@media all and (max-width:1120px) {
    .container, footer div.container{padding: 0 20px;}
}
/* keep 100% width */
@media all and (max-width:800px) {
    .container{max-width: 100%;}
}

/* -------------------------------------------------------------------------- */
/* HOME-NEW */
/* -------------------------------------------------------------------------- */
.s-home-new .container{
    max-width:1600px;
}
.s-home-new .quicklinks{
    display:none;
}

.s-home-new .grid-container{
    background:none;
    padding-top:0;
}
.s-home-new  .grid-container .section-header {
    margin-top: 0;
}

.s-home-new .custom_page{
    background-image: linear-gradient(0deg, #EEEEEE 0%, rgba(238,238,238,0.00) 400px);   
}

/* ---------------------------------------- */
/* BANNER */
.s-home-new  #wrapper-banner {
    margin-bottom:60px;
    background-color:#f9f9f9;
}
.s-home-new  #wrapper-banner  .full-width-banner .slide figure {
    padding-top:calc(100vh - 200px);
    pointer-events:none;
}
@media only screen and (orientation: portrait) {
    .s-home-new  #wrapper-banner  .full-width-banner .slide figure {
        padding-top:75vw;
    }   
}
.s-home-new  #wrapper-banner .slide figcaption{
    position:absolute;
    bottom:50px;
    width:100%;
    max-width:100%;
    margin:0;
    text-align:left;
    z-index:2;
    pointer-events:none;
    color:#000000;
}
.s-home-new  #wrapper-banner .bx-controls{
    display:none;
}
.s-home-new  #wrapper-banner .slide figcaption h1{
    font-family: 'TradeGothicW01-Extended';
    font-size:30px;
    margin-bottom:12px;
}
.s-home-new  #wrapper-banner .slide figcaption h2{
    font-size:16px;
    margin-bottom:12px;
    text-transform: uppercase;
}
.s-home-new  #wrapper-banner .slide figcaption p{
    font-family: 'TradeGothicW01-Extended';
    font-size: 11px;
    
}

/* ---------------------------------------- */
/* VIDEO */
/* ---------------------------------------- */
.s-home-new #wrapper-video {
    padding-bottom:80px;
}


/* ---------------------------------------- */
/*GRID-1UP*/
.s-home-new #screen-grid-1up header{
    display:none;
}
.s-home-new #screen-grid-1up .entry{
    width:100%;
    padding-right:0;
    padding-bottom:0;
    margin-bottom: 80px;
    display:flex;
    align-items: flex-start;
    justify-content:space-between;    
}
.s-home-new #screen-grid-1up .entry .placeholder{
    width:70%;
    box-sizing:border-box;
    padding-top:52.5%;
}
.s-home-new #screen-grid-1up .entry .ee-entry-right{
    width:30%;
    box-sizing:border-box;
    align-self:center;
    padding-left:3%;
}

.s-home-new #screen-grid-1up .titles{
    font-family: 'TradeGothicW01-Extended';
    text-transform:uppercase;
    font-size: 18px;
    line-height: inherit;
    display:block;
    margin-bottom:.8em;
}
.s-home-new #screen-grid-1up .entry p{
    line-height: inherit;
    margin-bottom:1em;
}
.s-home-new #screen-grid-1up .entry p a{
    color:#808080
}
.s-home-new #screen-grid-1up .entry p a:hover{
    color:#000000
}

/* stretch image - only works with scaling fix above */
.s-home-new #screen-grid-1up .placeholder .image img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.s-home-new #screen-grid-1up .placeholder .image img[src*='_fit']{
    object-fit:contain;
    object-position: center center;
}




@media all and (max-width: 767px) {
    .s-home-new #screen-grid-1up .entry{
        display:inline-block;
    }
    .s-home-new #screen-grid-1up .entry .placeholder{
        width:100%;
        padding-top:52.5%;
    }
    .s-home-new #screen-grid-1up .entry .ee-entry-right{
        width:100%;
        padding-left:0%;
    }    
}


/* ---------------------------------------- */
/* GRID-2UP */
.s-home-new #screen-grid-2up header h1{
    text-transform: uppercase;
    font-family: 'TradeGothicW01-Extended';
    font-size: 16px;
}
.s-home-new #screen-grid-2up .titles{
    font-family: 'TradeGothicW01-Extended';
    text-transform:uppercase;
    font-size: 14px;
    line-height: inherit;
    display:block;
    margin-bottom:1em;
}
.s-home-new #screen-grid-2up .entry p{
    line-height: inherit;
    margin-bottom:1em;
}
.s-home-new #screen-grid-2up .entry p a{
    color:#808080
}
.s-home-new #screen-grid-2up .entry p a:hover{
    color:#000000
}
.s-home-new #screen-grid-2up .entry{
    padding-right:0;
    padding-bottom:0;
}
.s-home-new #screen-grid-2up .entry {
    width: 48.4375%;
    margin-right: 3.125%;
    margin-bottom: 80px;
    display: inline-block;
    vertical-align: top;
}
.s-home-new #screen-grid-2up .entry:nth-child(2n+2) {
    margin-right: 0;
} 
.s-home-new #screen-grid-2up .entry .placeholder {
    padding-top: 75%;
    background: inherit;
}
.s-home-new #screen-grid-2up .entry .placeholder .image img {
    max-height: 100%;
    max-width: 100%;
        padding: 0;
        position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;    
}
.s-home-new #screen-grid-2up .grid{
    padding-bottom:0;
}

/* stretch image - only works with scaling fix above */
.s-home-new #screen-grid-2up .placeholder .image img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.s-home-new #screen-grid-2up .placeholder .image img[src*='_fit']{
    object-fit:contain;
    object-position: center center;
}



/* ---------------------------------------- */
/* GRID-3UP */
.s-home-new #screen-grid-3up header h1{
    text-transform: uppercase;
    font-family: 'TradeGothicW01-Extended';
    font-size: 16px;
}
.s-home-new #screen-grid-3up .titles{
    font-family: 'TradeGothicW01-Extended';
    text-transform:uppercase;
    font-size: 14px;
    line-height: inherit;  
    display:block;
    margin-bottom:1em;
}
.s-home-new #screen-grid-3up .entry p{
    line-height: inherit;  
    margin-bottom:1em;    
}
.s-home-new #screen-grid-3up .entry p a{
    color:#808080
}
.s-home-new #screen-grid-4up .entry p a:hover{
    color:#000000
}
.s-home-new #screen-grid-3up .entry{
    padding-right:0;
    padding-bottom:0;
}
.s-home-new #screen-grid-3up .entry {
    width: 31.25%;
    margin-right: 3.125%;
    margin-bottom: 80px;
    display: inline-block;
    vertical-align: top;
}
.s-home-new #screen-grid-3up .entry:nth-child(3n+3) {
    margin-right: 0;
} 
.s-home-new #screen-grid-3up .entry .placeholder {
    padding-top: 75%;
    background: inherit;
}
.s-home-new #screen-grid-3up .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) {
    .s-home-new #screen-grid-3up .entry {
        width: 48.4375%;
        margin-right: 3.125%;
        margin-bottom: 80px;
        display: inline-block;
        vertical-align: top;
    }    
    .s-home-new #screen-grid-3up .entry:nth-child(3n+3){
        margin-right: 3.125%;
    }
    .s-home-new #screen-grid-3up .entry:nth-child(2n+2) {
        margin-right: 0;
    } 
}
.s-home-new #screen-grid-3up .grid{
    padding-bottom:0;
}

/* stretch image - only works with scaling fix above */
.s-home-new #screen-grid-3up .placeholder .image img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.s-home-new #screen-grid-3up .placeholder .image img[src*='_fit']{
    object-fit:contain;
    object-position: center center;
}

/*.s-home-new * {box-shadow: inset 0 0 0 1px rgba(255,0,0,1) !important;}*/
/*.s-home-new img {outline-color:#ff0000 !important; outline-width:1px !important; outline-style:solid !important; outline-offset:-1px !important;}*/



/* -------------------------------------------------------------------------- */
/* CK EDITOR */
/* -------------------------------------------------------------------------- */
.s-home-new .ee-editor-alternate{
    text-transform:uppercase;
    font-family: 'TradeGothicW01-Extended';
    font-size: 11px;
    color: #BD0026;
}

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


