.custom-grid .entry {
    width: 30.833333333333%;
    margin-right: 3.75%;
    margin-bottom: 40px;
    display: inline-block;
    vertical-align: top;
}


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

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

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


                                            



    


.custom-grid-homepage-news .entry {
    width: 30.833333333333%;
    margin-right: 3.75%;
    margin-bottom: 40px;
    display: inline-block;
    vertical-align: top;
}


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

.custom-grid-homepage-news .entry .placeholder {
    padding-top: 75.075075075075%;
    background: inherit;
}

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


                                                                                                                                        



    


.detail-page .custom-grid-publications .entry {
    width: 23.611111111111%;
    margin-right: 1.8518518518519%;
    margin-bottom: 40px;
    display: inline-block;
    vertical-align: top;
}


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

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

.detail-page .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.833333333333%;
    margin-right: 3.75%;
    margin-bottom: 40px;
    display: inline-block;
    vertical-align: top;
}

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

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

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

.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-homepage-news .entry {
    width: 30.833333333333%;
    margin-right: 3.75%;
    margin-bottom: 40px;
    display: inline-block;
    vertical-align: top;
}

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

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

.custom-grid-homepage-news .entry .placeholder {
    padding-top: 75.075075075075%;
    background: inherit;
}

.custom-grid-homepage-news .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) {

.detail-page .custom-grid-publications .entry {
    width: 23.611111111111%;
    margin-right: 1.8518518518519%;
    margin-bottom: 40px;
    display: inline-block;
    vertical-align: top;
}

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

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

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

.detail-page .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: 46.25%;
    margin-right: 7.5%;
    margin-bottom: 40px;
    display: inline-block;
    vertical-align: top;
}

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

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

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

.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-homepage-news .entry {
    width: 30.833333333333%;
    margin-right: 3.75%;
    margin-bottom: 40px;
    display: inline-block;
    vertical-align: top;
}

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

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

.custom-grid-homepage-news .entry .placeholder {
    padding-top: 75.075075075075%;
    background: inherit;
}

.custom-grid-homepage-news .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) {

.detail-page .custom-grid-publications .entry {
    width: 31.481481481481%;
    margin-right: 2.7777777777778%;
    margin-bottom: 40px;
    display: inline-block;
    vertical-align: top;
}

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

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

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

.detail-page .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: 46.25%;
    margin-right: 7.5%;
    margin-bottom: 40px;
    display: inline-block;
    vertical-align: top;
}

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

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

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

.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-homepage-news .entry {
    width: 46.25%;
    margin-right: 7.5%;
    margin-bottom: 40px;
    display: inline-block;
    vertical-align: top;
}

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

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

.custom-grid-homepage-news .entry .placeholder {
    padding-top: 75.075075075075%;
    background: inherit;
}

.custom-grid-homepage-news .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) {

.detail-page .custom-grid-publications .entry {
    width: 47.222222222222%;
    margin-right: 5.5555555555556%;
    margin-bottom: 40px;
    display: inline-block;
    vertical-align: top;
}

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

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

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

.detail-page .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;    
    
}

}

                                                                                                                                                                                                                        
body { background: #ffffff; color: #000000; font-size: 15px; line-height: normal; }
#overlay, footer { background: #ffffff; }
#overlay .close { font-size: 15px; color: #666666; }
.list.text-only.entries.fixed-font .date { font-size: 15px; }
.medium h1, .small h1, .medium h2, .small h2, .medium h3, .small h3, .entries.fixed-font .title, .entries.fixed-font .titles, .entries.fixed-font .subtitle, .entries.fixed-font  .date, .entries.fixed-font .titles .subtitle, .entries.fixed-font .titles .date, .fixed-font .entries .date, .grid.fixed-font .title, .grid.fixed-font .titles, .grid.fixed-font .subtitle, .grid.fixed-font  .date, .grid.fixed-font .titles .subtitle, .grid.fixed-font .titles .date, .fixed-font .grid .date, .links a, .fixed-font .entry h1, .fixed-font .entry h2, .fixed-font .entry h3 { font-size: 15px; line-height: normal; }
.main-header nav a { color: #666666; font-size: 18px; letter-spacing: 1px; text-transform: capitalize; }
.screen-nav a, .slider-features a, .section-header a, .private nav a { color: #000000; font-size: 15px; letter-spacing: 1px; }
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, .main-header nav.homepage a:hover, .main-header nav.homepage a.active, #slidecaption a:hover *, .main-header nav a:hover, .main-header nav a.active { color: #000000 !important; }
.screen-nav a.active, .screen-nav a:hover, .screen-nav a:hover *, .slider-features a.active, .slider-features a:hover, .slider-features a:hover *, .section-header a:hover, .section-header a:hover *, .section-header a.active { color: #666666 !important; }
section header, .divider, .news .entry { border-color: #000000; }
.homepage .caption h1 { color: #000000; font-size: 17px; letter-spacing: 1px; }
a, .private-login input[type="submit"], .main-header nav.homepage a, #slidecaption a * { color: #666666; }
.entry .placeholder, .entry .thumb, .list.text-only.entries.fixed-font a .summary, .news .list h1 { color: #000000; }
p, .large-images h2, .news .entry h2, .large-images h3, .news .entry h3 { line-height: normal; }
h2, .entries .subtitle, .grid .subtitle, .grid .titles .subtitle, .homepage .caption h2, h3, .entries .date, .grid .date, .grid .titles .date, .homepage .caption h3 { color: #000000; font-size: 15px; line-height: normal; letter-spacing: 0px; }
h1, h1.sectionname, .entries .titles, .entries .title, .grid .titles, .grid .title, h4, .sectionname { color: #000000; font-size: 17px; line-height: normal; letter-spacing: 1px; }
.paragraph-styling p { margin-bottom: 2em; }

/* --------------------------------------------------------- */
/* GRID LINES */
/** {box-shadow: inset 0 0 0 1px #808080;}     */
/** {outline-color:#808080; outline-width:1px; outline-style:solid; outline-offset:-1px;}*/


/* --------------------------------------------------------- */
/* GENERAL MISC */

body { 
    font-family: 'Garamond-Regular';
}

.credit {
    display:none;
}

/* SELECTION */
.lightOnDarkText {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.forceDefaultOSX{-webkit-font-smoothing: subpixel-antialiased;}
::selection {color:#ffffff;background:#000000;}
::-moz-selection {color:#ffffff;background:#000000;}

/*HOVER STATES*/
/*a:hover h1, a:hover .title{ color:#808080 !important;}*/
.logo:hover {opacity:.7}

/* FONTS */
@font-face {font-family: 'Garamond-Regular'; src: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/59401639dca837907fd444a7/AGaramondPro-Regular.otf');}
@font-face {font-family: 'Garamond-RegularItalic'; src: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/59401639dca837907fd444a7/AGaramondPro-Italic.otf');}

@font-face {font-family: 'Garamond-Bold'; src: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/59401639dca837907fd444a7/AGaramondPro-Bold.otf');}
@font-face {font-family: 'Garamond-BoldItalic'; src: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/59401639dca837907fd444a7/AGaramondPro-BoldItalic.otf');}



@font-face {font-family: 'Univers-Regular'; src: url('about:blank');}
@font-face {font-family: 'Univers-RegularItalic'; src: url('about:blank');}

@font-face {font-family: 'Univers-Light'; src: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/59401639dca837907fd444a7/UniversLTStd-Light.otf');}
@font-face {font-family: 'Univers-LightItalic'; src: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/59401639dca837907fd444a7/UniversLTStd-LightObl.otf');}

@font-face {font-family: 'Univers-Bold'; src: url('about:blank');}
@font-face {font-family: 'Univers-BoldItalic'; src: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/59401639dca837907fd444a7/UniversLTStd-BoldObl.otf');}

@font-face {font-family: 'Univers-Black'; src: url('about:blank');}
@font-face {font-family: 'Univers-BlackItalic'; src: url('about:blank');}

/* BOLD */
b, strong{ 
    font-family: 'Garamond-Bold';
    font-weight:normal;
}
/* ITALIC */
i, em{ 
    font-family: 'Garamond-RegularItalic'; 
    font-style:normal;
}
/* BOLD-ITALIC */
strong > em, b > em, 
strong > i, b > i, 
em > strong, em > b, 
i > strong, i > b{
    font-family: 'Garamond-BoldItalic'; 
    font-style:normal;
}


/*HEADER OVERIDE IN TEXTBOX*/
strong > em > u,
strong > u > em,
em > strong > u,
em > u > strong,
u > em > strong,
u > strong > em{
    color:#fff !important;
    padding:0 0 0 0 !important;
    margin: 0 0 0 0 !important;
    line-height:1.1 !important;
    display:inline-block !important;
    font-size: 14px !important;
    letter-spacing: 1px;
    font-family: 'Garamond-Regular';
    font-weight:normal;
    text-decoration:none !important;
}

/* EMPTY FIXES */
h2:empty, h3:empty, .date:empty, .subtitle:empty, .summary:empty { display: none !important;}




/* --------------------------------------------------------- */
/* MAIN EDITS */
.main-header {
    padding: 10px 0;
    margin-bottom: 40px;
    box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.09);
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,.99) 0%, rgba(255,255,255,.80) 100%);
    background-image: -moz-linear-gradient(top, rgba(255,255,255,.99) 0%, rgba(255,255,255,.80) 100%);
}
.main-header nav a {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    margin-left: 35px;
}
.main-header nav.main {
    padding-top: 63px;
}


/* HOMEPAGE */
/* make images clickable - when using supersized JS */
#homefader { pointer-events: none; }


/*style hompage text*/
.homepage .caption {
    padding-top: 10px;
}

.s-homepage .caption h1 {
    text-transform: uppercase;
    font-size: 25px !important;
    color:#000;
    letter-spacing: 1px;
    padding:0 0 0px 0 !important;
    margin: 0 0 0px 0 !important;
    /*border-bottom: 1px #000 solid;*/
    line-height:1.5 !important;
    display:block;
    /*box-shadow: inset 0 0 0 1px #808080;*/
}

.s-homepage .caption h2 {
    font-size: 21px !important;
    color:#000;
    text-transform: capitalize;
    padding:0 0 0px 0 !important;
    margin: 0 0 0 0 !important;
    line-height:1.5 !important;
    display:block;
    /*box-shadow: inset 0 0 0 1px #808080;*/
}

.s-homepage .caption h3,
.s-homepage .caption h3 p{
    font-size: 21px !important;
    color:#000;
    text-transform: capitalize;
    padding:0 0 0px 0 !important;
    margin: 0 0 0 0 !important;
    line-height:1.5 !important;
    display:block;
    /*box-shadow: inset 0 0 0 1px #808080;*/
}




#seeHomepageItems{ background-color:rgba(255,255,255,.7);}


.s-homepage .contentWrapper {
    padding-top: 0 !important;
}

.s-homepage .summary {
    padding-top: 15px;
}


/* --------------------------------------------------------- */
/* DETAIL PAGES */
.sidebar-right .item-header {
    display: none;
}


/* --------------------------------------------------------- */
/* ARTISTS */
.s-artists.detail-page .contentWrapper {
    padding-top: 120px !important;
}


.category.c-artists-in-inventory .placeholder {
    display: none;
}
.category.c-artists-in-inventory .grid .entry {
   padding-bottom: 20px;
}
.s-artists .section-header {
    padding-bottom: 0px;
}
.rollover.columns-2 .column {
    width: 46%;
}
.rollover.columns-2 .column-2 {
    margin-left: 4%;
}
.rollover .list, .rollover .image {
    padding-bottom: 0px;
}


/* --------------------------------------------------------- */
/* EXHIBITIONS */
.s-exhibitions.detail-page .contentWrapper {
    padding-top: 120px !important;
}


.large-images .entry figure {
    float: right;
    padding-right: 0;
}



/* --------------------------------------------------------- */
/* PUBLICATIONS */
.fitted .placeholder .image img {
    max-height: 100% !important;
    max-width: 100% !important;
}


/* --------------------------------------------------------- */
/* NEWS */
.associations .list-container .entry .info, .news-index .entry .info {
    width: 50%;
    padding-right: 0;
}
.associations .list-container .entry .thumbnail, .news-index .entry .thumbnail {
    float: left;
    margin-right: 30px;
}



/* --------------------------------------------------------- */
/* PRESS */
#related-press .custom-grid .entry .placeholder {
    display: none;
}
.list.text-only .date {
    width: 9%;
    padding-right: 2% !important;
}
.list.text-only .title {
    width: 88%;
}





/* --------------------------------------------------------- */
/* CONTACT */
.s-contact.detail-page #wrapper-contact1 .text-two-columns .left {

    width: 35%;
}
.s-contact.detail-page #wrapper-contact1 .text-two-columns .right {
    width: 62%;
}
form input[type="text"], form input[type="password"], form input[type="email"], form select, form textarea {
    width: 60%;
}
button {
    font-size: 12px;
    padding: 4px;
    background: none;
    border: 1px #ccc solid;
    color: #888;
}
button:hover{
    background: #000;
    color: #fff;
    border: 1px #000 solid;
}

.s-contact.detail-page #wrapper-about .paragraph-styling p{
    width: 88%;
}

.s-contact.detail-page iframe {
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
}


#wrapper-private-room .private-login form input[type="text"], form input[type="password"] {
    width: 49.8%;
    display: inline-table;
}
#wrapper-private-room .private-login form input[type="email"], form select, form textarea {
    width: 49.8%;
    display: inline-table;
}

input.submit {
    font-size: 12px;
    padding: 4px !important;
    background: none !important;
    border: 1px #ccc solid !important;
    color: #888 !important;
}
input.submit:hover {
    background: #000 !important;
    color: #fff !important;
    border: 1px #000 solid !important;
}
.private-login input[type="submit"]:hover {
    color: #fff !important;
}



/* --------------------------------------------------------- */
/* PRIVATE PAGE */
.s-private-room input#form_login {
    width: 50%;
}
.s-private-room input.submit {
    display: block;
}

.s-private-room.detail-page .item-header h1 {
    font-size: 24px !important;
}





/* --------------------------------------------------------- */
/* INQUIRE */
/* inquire spacing */
a.inquire{
    font-size: 12px;
    color: #000;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 1px #000 solid;
    padding: 5px 10px !important;
    margin-top: 20px;
    display:inline-block;
}
a.inquire:hover{
    color: #fff !important;
    background: #000;
}
.inquireBox .right{font-size: 15px !important;}
.inquireBox input[value="Submit"]{text-transform:capitalize !important;}
.inquireBox label{text-transform:capitalize !important;line-height:2;}
.inquireBox h1{font-size: 14px !important;  text-transform:uppercase;}


/* --------------------------------------------------------- */
/* BACKGROUNDS / DIVIDERS */

/*THUMBNAIL VIEW*/
/* thumbnailview backgrounds */
.fitted .placeholder{
    background:none !important;
}

/*PUBLICATION BACKGROUND*/
.custom-grid-publications .image{
    /*background-image: linear-gradient(-180deg, #F6F6F6 3%, #FDFDFD 17%, #F9F9F9 53%, #DEDCDC 100%);*/
}

/*IMAGE BORDERS*/
#overlay figure img,
.image img,
.slider img{
    outline-color:rgba(128,128,128,.05); outline-width:1px; outline-style:solid; outline-offset:-1px;
}
.image img{padding:0 !important;}


/* ------------------------------------------------------------------------- */
/* -------------------------------  SUPER T  ------------------------------- */
/* ------------------------------------------------------------------------- */
/* ZERO OUT SPACING */
.grid{ line-height: normal; padding-bottom: 0px;}
.placeholder{ padding-bottom:0 !important;}
.headers{ padding: 0 !important;}
.image{  line-height: 0;}

/* SPACE BELOW THUMBNAILS */
.placeholder, .thumb{ margin-bottom:10px !important;}


/* SPACE BELOW SLIDESHOW */
#featured-works {
padding-bottom: 80px;
}
/*.slider {*/
/*    padding-bottom: 0 !important;*/
/*}*/

/* SPACE BELOW MODULES ON DETAIL PAGES */
#series, #related-exhibitions, #related-publications, #related-artists {
    margin-bottom: 30px;
}
.list.text-only {
    padding-bottom: 60px;
}



/* --------------------------------------------------------- */
/* TITLE SUB DATE H1 H2 H3 (BLUE) */
/* title sub date */
.title,
.entries .title,
/* exhibition home */
.headers h1, 
/* news LIST view (not thumbnail view) */
.info h1,
.news .list h1,
/* detail pages header */
.item-header h1
{
    font-size: 14px !important;
    text-transform:uppercase;
    color:#000;
    letter-spacing: 1px;
    padding:0 0 0px 0 !important;
    margin: 0 0 0px 0 !important;
    /*border-bottom: 1px #000 solid;*/
    line-height:1.5 !important;
    display:block;
    /*box-shadow: inset 0 0 0 1px #0787e1;*/
}

.series .thumbnail-caption {
    color: #000;
}


/* sub */
.subtitle,
/* exhibition home */
.headers h2,
/* news LIST view (not thumbnail view) */
.info h2,
/* detail pages header */
.item-header h2
{
    font-size: 15px !important;
    text-transform:capitalize;
    color:#000;
    padding:0 0 0px 0 !important;
    margin: 0 0 0 0 !important;
    line-height:1.5 !important;
    display:block;
    /*box-shadow: inset 0 0 0 1px #0787e1;*/
}



/* date */
.date,
/* exhibition home */
.headers h3,
/* news LIST view (not thumbnail view) */
.info h3,
/* detail pages header */
.item-header h3
{
    font-size: 15px !important;
    text-transform:capitalize;
    color:#000;
    padding:0 0 0px 0 !important;
    margin: 0 0 0 0 !important;
    line-height:1.5 !important;
    display:block;
    /*box-shadow: inset 0 0 0 1px #0787e1;*/
}



/* --------------------------------------------------------- */
/* LARGER TITLES OVERIDE */
.item-header-background { height: 400px; margin-bottom: 10px; background-color:#f0f0f0;}
.s-artists.detail-page .item-header h1, .s-exhibitions.detail-page .item-header h1{ 
    text-align: center; 
    font-size: 38px !important; 
    letter-spacing: 2.4px; 
    padding:0 0 0px 0 !important;
    margin: 0 !important;
    line-height:100%;
    webkit-filter: drop-shadow(1px 1px 2px rgba(0,0,0,.1));
    filter: drop-shadow(1px 1px 2px rgba(0,0,0,.1));
}
.s-artists.detail-page .item-header h1{
    font-size: 45px !important; 
    padding:0 0 0 0 !important;
    webkit-filter: drop-shadow(1px 1px 2px rgba(0,0,0,.1));
    filter: drop-shadow(1px 1px 2px rgba(0,0,0,.1));
}
.s-artists.detail-page .item-header h2, .s-artists.detail-page .item-header h3,
.s-exhibitions.detail-page .item-header h2, .s-exhibitions.detail-page .item-header h3{ 
    text-align: center; 
    font-size: 25px !important; 
    letter-spacing: 1.2px; 
    padding:0 0 0px 0 !important;
    margin: 0 !important;
    line-height:100%;
    webkit-filter: drop-shadow(1px 1px 2px rgba(0,0,0,.1));
    filter: drop-shadow(1px 1px 2px rgba(0,0,0,.1));
}
.s-artists.detail-page .divider.page-header,
.s-exhibitions.detail-page .divider.page-header{ 
    display: block;
    border-color:transparent;
    margin-bottom: 45px;
    webkit-filter: drop-shadow(1px 1px 2px rgba(0,0,0,.1));
    filter: drop-shadow(1px 1px 2px rgba(0,0,0,.1));
}


/* --------------------------------------------------------- */
/* SUB HEADERS H4 (RED) */
h4 {
    font-size: 17px !important;
    color: #000;
    letter-spacing: 1px;
    text-transform: capitalize;
    padding:0 0 10px 0 !important;
}


.s-artists.detail-page header h1 {
     padding-bottom: 10px; 
}
.s-artists.detail-page .links.slider-features {
    padding-bottom: 7px;
}

.s-exhibitions .section-header {
     padding-bottom: 0px; 
}
.s-exhibitions.detail-page .section-header {
     padding-bottom: 10px; 
}
.s-exhibitions.detail-page header h1 {
     padding-bottom: 0px; 
}
.s-exhibitions.detail-page h4 {
     padding-bottom: 0px !important; 
}
.s-exhibitions .links.switch {
    margin-bottom: 7px;
}



.s-contact.detail-page header h1 {
    font-size: 17px !important;
    color: #000;
    letter-spacing: 1px;
    text-transform: capitalize;
    padding:0 0 0px 0 !important;
}


/* --------------------------------------------------------- */
/* SUB MENU (PURPLE) */
/* quicklinks centering and hide back button */
.quicklinks{ text-align: center; }
.quicklinks .back { display:none; float: none; font-size:14px !important }
.quicklinks .external-link{ font-size:14px !important }
.divider.quicklinks{ border-color:transparent; margin-bottom: 60px; }
.qlink{ font-size:14px !important; text-transform: uppercase; letter-spacing: 1px; }

nav.slider-features {
    width: 100%;
    float: right;
}

header .links a,
.screen-nav a,
header.section-header nav a, 
nav.slider-features a
{
    font-size: 13px;
    padding-top:0;
    padding-bottom:0px;
    margin-top:0;
    margin-bottom:0;
    line-height:1.5!important;
    display:inline-block;
    /*box-shadow: inset 0 0 0 1px #9215b6;*/
}

/* links in text */
.news-details .links {
    padding-top: 0px;
}

/*change spacing to use margin instead of padding*/
header .links a,
.screen-nav a,
header.section-header nav a, 
nav.slider-features a{
    padding-right:0;
    margin-right:20px;
}

/*remove spacing LAST item*/
header .links a:last-of-type,
.screen-nav a:last-of-type,
header.section-header nav a:last-of-type, 
nav.slider-features a:last-of-type {
    margin-right:0;
    padding-right:0;
}



/* --------------------------------------------------------- */
/* DOWNLOAD VIEW LINKS (YELLOW) */
.entry a .links,
.entry .links a,
.content .links a{
    font-size: 15px !important;
    padding-top:0;
    padding-bottom:0px;
    margin-top:0;
    margin-bottom:0;
    line-height: 1.5 !important;
    display:block;
    /*box-shadow: inset 0 0 0 1px #e4cd0e;*/
}

/* --------------------------------------------------------- */
/* SUMMARY (ORANGE) */
/* set space between titles and summary */
.summary{
    padding-top:15px;
    color:#000;
    /*box-shadow: inset 0 0 0 1px #ff6600;*/
}

/* --------------------------------------------------------- */
/* PARAGRAPHS (BROWN) */
/* set NEGATIVE margin to match top photo alignment */
.paragraph-styling p{
    line-height:1.5;
    margin-top:-.5em;
    /*outline-color:#993300; outline-width:1px; outline-style:solid; outline-offset:1px;*/
}

/* --------------------------------------------------------- */
/* CAPTIONS (AQUA)*/
/* slideshow */
.slide p {
    margin-top:0px;
    /*box-shadow: inset 0 0 0 1px #00f3d4;*/
}
.caption {
    padding-top:15px;
    /*box-shadow: inset 0 0 0 1px #00f3d4;*/
}
.caption p {
    margin-top:0px;
    font-size: 13px;
    /*box-shadow: inset 0 0 0 2px #00f3d4;*/
}
.slide figcaption p {
    font-size: 13px;
    line-height: 1.5;
}
.image .caption p {
    font-size: 13px;
    line-height: 1.5;
}

/* --------------------------------------------------------- */
/* FOOTER 4 COL */
footer{
    padding: 20px;
    background-color:#666 !important;
    color:#ffffff !important;
    font-size: 15px !important;
    /*letter-spacing: 1px;*/
    /*text-transform:uppercase !important;*/
}
footer div {
     padding-right: 0px; 
}
footer p{
    line-height:1.5 !important;
}
footer a {
    color: #fff;
}
footer a:hover {
    color: #888 !important;
}

footer .footer-social a {
    /*margin-right: 15px;*/
    margin-right:10px;
}

footer div.footer-cols {
    width: 90%;
    line-height: inherit;
}

.footer-col1{
    width:23%;
    padding-right:3.5%;
}
.footer-col2{
    width:35%;
    padding-right:3.5%;
}
.footer-col3{
    width:18%;
    padding-right:3.5%;
}
.footer-col4{
    width:13%;
    padding-right:0 !important;
}


#backToTop{
    color: #000;
    font-size: 12px;
    background-color: rgba(255,255,255,.9);
    padding: 6px 10px;
}


.credit a {
    color: #888 !important;
}
.contact .credit, .credit {
    font-family: Arial,Helvetica,Sans-serif;
    font-size: 9px;
    letter-spacing: 0px;
    text-transform: none;
    right: 0 !important;
    padding-right: 0px;
    float: left;
    margin-top: -26%;
    text-align: left;
}

/* --------------------------------------------------------- */
/* CLOSE AND ZOOM */

/* load new overlay graphic */
#overlay .close,
#overlay .zoom-click,
#zoomHeaderClose,
.zoomFooterControl{
    background-image: url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/59401639dca837907fd444a7/custom-xmagnify.png") !important;
    background-size: 140px 56px !important; 

}

/* initial image size */
#overlay .slide img{max-width: 88%; max-height: 88%;}
#pan img{max-width: 96%; max-height: 96%;}

/* initial close and zoom buttom */
#overlay .close,
#overlay .zoom-click,
#zoomHeaderClose{
    top:10px;
    right:15px;
    padding:0;
    overflow:hidden;
    width:28px;
    height:28px;
    text-indent: -9999px;
}
/* zoom button position */
#overlay .zoom-click{ right:48px; }
/* background positions */
#overlay .close{background-position: 0px 0px;}
#overlay .close:hover{background-position: 0px -28px;}
#overlay .zoom-click{background-position: -28px 0px;}
#overlay .zoom-click:hover{background-position: -28px -28px;}
#zoomHeaderClose{background-position: -56px 0px;}
#zoomHeaderClose:hover{background-position: -56px -28px;}

/* zoom page */
div#zoomImage{ background-color: rgb(34, 34, 34) !important;}
div#zoomImage #jQslider{ border-top: 1px solid #ffffff;top: 14px;}
.ui-slider-handle{background-color: #ffffff;}
#zoomFooterWrapper{
    background: transparent;
    bottom:12px;
    height:28px;
}
#zoomFooter{
    background: rgba(34, 34, 34, .1);
    padding-left:50px;
    padding-right:50px;
    width: 30% !important;
}
.zoomFooterControl{
    height: 28px !important;
    width: 28px !important;
    display: inline;
    float: left;
    margin: 0 0 0 0 !important;
    text-align: center;
    position: absolute;
}
#zoomFooterZoomOut{margin-left: -38px !important;}
#zoomFooterZoomIn{margin-left: 10px !important;}

/* zoom control background positions */
#zoomFooterZoomOut{background-position: -84px 0px;}
#zoomFooterZoomOut:hover{background-position: -84px -28px;}
#zoomFooterZoomIn{background-position: -112px 0px;}
#zoomFooterZoomIn:hover{background-position: -112px -28px;}


/* --------------------------------------------------------- */
/* ARROWS */
.bx-wrapper .bx-prev{
    left: 0;
}
.bx-wrapper .bx-next{
    right: 0;
}
@media all and (max-width:480px) {
    .bx-wrapper .bx-prev{
        left: 10px;
    }
    .bx-wrapper .bx-next{
        right: 10px;
    }
}
/* this copied from auto generated css and changed to 480px */
@media all and (max-width: 480px) {
    .bx-wrapper .bx-controls-direction .bx-next, 
    .bx-wrapper .bx-controls-direction .bx-prev {
        width: 13px !important;
        height: 26px !important;
        margin-top: -13px !important;
    }
    .bx-wrapper .bx-controls-direction .bx-prev {
        background-position: 0 -64px !important;
    }
    .bx-wrapper .bx-controls-direction .bx-prev:hover {
        background-position: 0 -90px !important;
    }
    .bx-wrapper .bx-controls-direction .bx-next {
        background-position: -13px -64px !important;
    }
    .bx-wrapper .bx-controls-direction .bx-next:hover {
        background-position: -13px -90px !important;
    }
}

/* --------------------------------------------------------- */
/* MOBILE FIX */
/*keep padding*/
@media all and (max-width:1120px) {
    .container{
        padding: 0 20px;
    }
}
/*keep padding*/
@media all and (max-width:1024px) {
    .container.outside {
        padding: 0 20px;
    }
}
/*space mobile nav keep 100percent width*/
@media all and (max-width:800px) {
    .main-header nav.main {
        padding-top: 25px;
    }
    .container{
        max-width: 100%;
    }
}
/*dual current exhibitions 100 percent width*/
@media all and (max-width:560px) {
    .grid .entry.half{
        width: 100%;
        padding-right: 0;
    }
}
/*keep padding supersize captions*/
@media all and (max-width:320px){
    #slidecaption {
        padding-left: 0px;
    }
}
/* --------------------------------------------------------- */
/* FADE */
section {
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}






/* --------------------------------------------------------- */
/* TABLET*/
@media (max-width: 800px) {
    .main-header .container {
        max-width: 1100px;
        padding: 0 20px;
        /*display: flex;*/
    }
    nav.main {
        display: none;
    }
     nav.mobile .menu {
        width: 25px;
        background: url(https://s3.amazonaws.com/files.collageplatform.com.prod/application/59401639dca837907fd444a7/black2x.png) no-repeat;
        background-size: 25px 22px;
        font-size: 0;
        height: 22px;
        line-height: 22px;
        display: inline-block;
    }
    
    
    .mobile-menu-wrapper {
        position: relative;
        margin: -90px 0 60px 0;
        display: block;
    }

    .navlinks {
        margin-top: 10px;
        margin-bottom: -50px !important;
    }
    
    nav.mobile .navlinks a {
        display: block;
    }
    #wrapper-private-room .private-login form input[type="text"], form input[type="password"] {
        display: block;
    }
    #wrapper-private-room .private-login form input[type="email"], form select, form textarea {
        display: block;
    }
}


/* --------------------------------------------------------- */
/* TABLET */
@media (max-width: 768px) {
    .list.text-only .date {
        width: 12%;
    }
    .list.text-only .title {
        width: 85%;
    }
    .text-one-column-with-image .image {
        margin-bottom: 35px;
    }
    .news-details.img .image {
        text-align: center;
    }
    .news-details .details {
        width: 100%;
        max-width: none;
    }
    footer div.footer-cols {
        text-align: center;
        width: 100%;
    }
    .footer-col1, .footer-col2, .footer-col3, .footer-col4{
        width: 100%;
        padding-right: 0;
    }
    footer .footer-social {
        width: 100% !important;
        text-align: center !important;
        margin-top: 15px;
    }
}


/* --------------------------------------------------------- */
/* MOBILE */
@media (max-width: 480px) {
    .main-header {
        padding: 15px 0;
    }
    .main-header .container {
        text-align: center;
    }
    .mobile-menu-wrapper {
        margin:0;
    }
    .main-header nav.mobile {
        text-align: center;
        display: block;
    }
    nav.mobile .navlinks a {
        padding-bottom: 5px;
    }
    .navlinks {
        margin-bottom: 0px !important;
    }
    .series .section-header .links {
        justify-content: flex-start;
    }
    .s-artists.detail-page header h1 {
        padding-bottom: 7px !important;
    }
    .list.text-only .date {
        width: 100%;
        margin-bottom: 5px !important;
    }
    .text-two-columns .left {
        padding-right: 0;
        width: 100%;
    }
    .text-two-columns .right {
        padding-left: 0;
        width: 100%;
    }
    .s-contact.detail-page #wrapper-contact1 .text-two-columns .left {
        width: 100%;
    }
    .s-contact.detail-page #wrapper-contact1 .text-two-columns .right {
        width: 100%;
    }
    .s-contact.detail-page #wrapper-about .paragraph-styling p {
        width: 100%;
    }
    footer span.container {
        padding: 0;
    }
}

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