.container { max-width: 1500px; } .custom-grid .entry { width: 16.4%; margin-right: 11.466666666667%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 73.170731707317%; 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-exhibitions .entry { width: 23.466666666667%; margin-right: 2.0444444444444%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-exhibitions .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-exhibitions .entry .placeholder { padding-top: 66.761363636364%; background: inherit; } .custom-grid-exhibitions .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-exhibitions .entry { width: 32.2%; margin-right: 1.7%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-exhibitions .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-exhibitions .entry .placeholder { padding-top: 66.666666666667%; background: inherit; } .detail-page .custom-grid-exhibitions .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-artists .entry { width: 32%; margin-right: 2%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-artists .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-artists .entry .placeholder { padding-top: 75%; background: inherit; } .custom-grid-artists .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-artists .entry { width: 23.733333333333%; margin-right: 1.6888888888889%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-artists .entry:nth-child(4n+4) { margin-right: 0; } .detail-page .custom-grid-artists .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-artists .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-publications .entry { width: 32.2%; margin-right: 1.7%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-publications .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-publications .entry .placeholder { padding-top: 66.666666666667%; 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; } .detail-page .custom-grid-publications .entry { width: 32.2%; margin-right: 1.7%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-publications .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-publications .entry .placeholder { padding-top: 66.666666666667%; 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; } .custom-grid-news .entry { width: 32.2%; margin-right: 1.7%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-news .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-news .entry .placeholder { padding-top: 66.666666666667%; background: inherit; } .custom-grid-news .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-art-fairs .entry { width: 23.466666666667%; margin-right: 2.0444444444444%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-art-fairs .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-art-fairs .entry .placeholder { padding-top: 66.761363636364%; background: inherit; } .custom-grid-art-fairs .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-press .entry { width: 32.2%; margin-right: 1.7%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-press .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-press .entry .placeholder { padding-top: 74.948240165631%; background: inherit; } .detail-page .custom-grid-press .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-public-exhibitions .entry { width: 32.2%; margin-right: 1.7%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-public-exhibitions .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-public-exhibitions .entry .placeholder { padding-top: 74.948240165631%; background: inherit; } .custom-grid-public-exhibitions .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-private .entry { width: 49%; margin-right: 2%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-private .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-private .entry .placeholder { padding-top: 68.027210884354%; background: inherit; } .custom-grid-private .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: 16.4%; margin-right: 11.466666666667%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4){ margin-right: 11.466666666667%; } .custom-grid .entry:nth-child(4n+4){ margin-right: 11.466666666667%; } .custom-grid .entry:nth-child(3n+3){ margin-right: 11.466666666667%; } .custom-grid .entry:nth-child(2n+2){ margin-right: 11.466666666667%; } .custom-grid .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 73.170731707317%; 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-exhibitions .entry { width: 31.288888888889%; margin-right: 3.0666666666667%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-exhibitions .entry:nth-child(4n+4){ margin-right: 3.0666666666667%; } .custom-grid-exhibitions .entry:nth-child(3n+3){ margin-right: 3.0666666666667%; } .custom-grid-exhibitions .entry:nth-child(2n+2){ margin-right: 3.0666666666667%; } .custom-grid-exhibitions .entry:nth-child(1n+1){ margin-right: 3.0666666666667%; } .custom-grid-exhibitions .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-exhibitions .entry .placeholder { padding-top: 66.761363636364%; background: inherit; } .custom-grid-exhibitions .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-exhibitions .entry { width: 48.3%; margin-right: 3.4%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-exhibitions .entry:nth-child(3n+3){ margin-right: 3.4%; } .detail-page .custom-grid-exhibitions .entry:nth-child(2n+2){ margin-right: 3.4%; } .detail-page .custom-grid-exhibitions .entry:nth-child(1n+1){ margin-right: 3.4%; } .detail-page .custom-grid-exhibitions .entry:nth-child(1n+1){ margin-right: 3.4%; } .detail-page .custom-grid-exhibitions .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-exhibitions .entry .placeholder { padding-top: 66.666666666667%; background: inherit; } .detail-page .custom-grid-exhibitions .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-artists .entry { width: 32%; margin-right: 2%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-artists .entry:nth-child(3n+3){ margin-right: 2%; } .custom-grid-artists .entry:nth-child(3n+3){ margin-right: 2%; } .custom-grid-artists .entry:nth-child(1n+1){ margin-right: 2%; } .custom-grid-artists .entry:nth-child(1n+1){ margin-right: 2%; } .custom-grid-artists .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-artists .entry .placeholder { padding-top: 75%; background: inherit; } .custom-grid-artists .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-artists .entry { width: 31.644444444444%; margin-right: 2.5333333333333%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-artists .entry:nth-child(4n+4){ margin-right: 2.5333333333333%; } .detail-page .custom-grid-artists .entry:nth-child(3n+3){ margin-right: 2.5333333333333%; } .detail-page .custom-grid-artists .entry:nth-child(2n+2){ margin-right: 2.5333333333333%; } .detail-page .custom-grid-artists .entry:nth-child(1n+1){ margin-right: 2.5333333333333%; } .detail-page .custom-grid-artists .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-artists .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-artists .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-publications .entry { width: 48.3%; margin-right: 3.4%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-publications .entry:nth-child(3n+3){ margin-right: 3.4%; } .custom-grid-publications .entry:nth-child(2n+2){ margin-right: 3.4%; } .custom-grid-publications .entry:nth-child(1n+1){ margin-right: 3.4%; } .custom-grid-publications .entry:nth-child(1n+1){ margin-right: 3.4%; } .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-publications .entry .placeholder { padding-top: 66.666666666667%; 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) { .detail-page .custom-grid-publications .entry { width: 48.3%; margin-right: 3.4%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-publications .entry:nth-child(3n+3){ margin-right: 3.4%; } .detail-page .custom-grid-publications .entry:nth-child(2n+2){ margin-right: 3.4%; } .detail-page .custom-grid-publications .entry:nth-child(1n+1){ margin-right: 3.4%; } .detail-page .custom-grid-publications .entry:nth-child(1n+1){ margin-right: 3.4%; } .detail-page .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-publications .entry .placeholder { padding-top: 66.666666666667%; 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-news .entry { width: 48.3%; margin-right: 3.4%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-news .entry:nth-child(3n+3){ margin-right: 3.4%; } .custom-grid-news .entry:nth-child(2n+2){ margin-right: 3.4%; } .custom-grid-news .entry:nth-child(1n+1){ margin-right: 3.4%; } .custom-grid-news .entry:nth-child(1n+1){ margin-right: 3.4%; } .custom-grid-news .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-news .entry .placeholder { padding-top: 66.666666666667%; background: inherit; } .custom-grid-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) { .custom-grid-art-fairs .entry { width: 31.288888888889%; margin-right: 3.0666666666667%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-art-fairs .entry:nth-child(4n+4){ margin-right: 3.0666666666667%; } .custom-grid-art-fairs .entry:nth-child(3n+3){ margin-right: 3.0666666666667%; } .custom-grid-art-fairs .entry:nth-child(1n+1){ margin-right: 3.0666666666667%; } .custom-grid-art-fairs .entry:nth-child(1n+1){ margin-right: 3.0666666666667%; } .custom-grid-art-fairs .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-art-fairs .entry .placeholder { padding-top: 66.761363636364%; background: inherit; } .custom-grid-art-fairs .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-press .entry { width: 32.2%; margin-right: 1.7%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-press .entry:nth-child(3n+3){ margin-right: 1.7%; } .detail-page .custom-grid-press .entry:nth-child(3n+3){ margin-right: 1.7%; } .detail-page .custom-grid-press .entry:nth-child(1n+1){ margin-right: 1.7%; } .detail-page .custom-grid-press .entry:nth-child(1n+1){ margin-right: 1.7%; } .detail-page .custom-grid-press .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-press .entry .placeholder { padding-top: 74.948240165631%; background: inherit; } .detail-page .custom-grid-press .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-public-exhibitions .entry { width: 32.2%; margin-right: 1.7%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-public-exhibitions .entry:nth-child(3n+3){ margin-right: 1.7%; } .custom-grid-public-exhibitions .entry:nth-child(3n+3){ margin-right: 1.7%; } .custom-grid-public-exhibitions .entry:nth-child(1n+1){ margin-right: 1.7%; } .custom-grid-public-exhibitions .entry:nth-child(1n+1){ margin-right: 1.7%; } .custom-grid-public-exhibitions .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-public-exhibitions .entry .placeholder { padding-top: 74.948240165631%; background: inherit; } .custom-grid-public-exhibitions .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-private .entry { width: 49%; margin-right: 2%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-private .entry:nth-child(2n+2){ margin-right: 2%; } .custom-grid-private .entry:nth-child(2n+2){ margin-right: 2%; } .custom-grid-private .entry:nth-child(1n+1){ margin-right: 2%; } .custom-grid-private .entry:nth-child(1n+1){ margin-right: 2%; } .custom-grid-private .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-private .entry .placeholder { padding-top: 68.027210884354%; background: inherit; } .custom-grid-private .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: 21.866666666667%; margin-right: 17.2%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4){ margin-right: 17.2%; } .custom-grid .entry:nth-child(4n+4){ margin-right: 17.2%; } .custom-grid .entry:nth-child(3n+3){ margin-right: 17.2%; } .custom-grid .entry:nth-child(2n+2){ margin-right: 17.2%; } .custom-grid .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 73.170731707317%; 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-exhibitions .entry { width: 46.933333333333%; margin-right: 6.1333333333333%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-exhibitions .entry:nth-child(4n+4){ margin-right: 6.1333333333333%; } .custom-grid-exhibitions .entry:nth-child(3n+3){ margin-right: 6.1333333333333%; } .custom-grid-exhibitions .entry:nth-child(2n+2){ margin-right: 6.1333333333333%; } .custom-grid-exhibitions .entry:nth-child(1n+1){ margin-right: 6.1333333333333%; } .custom-grid-exhibitions .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-exhibitions .entry .placeholder { padding-top: 66.761363636364%; background: inherit; } .custom-grid-exhibitions .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-exhibitions .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-exhibitions .entry:nth-child(3n+3){ margin-right: 0%; } .detail-page .custom-grid-exhibitions .entry:nth-child(2n+2){ margin-right: 0%; } .detail-page .custom-grid-exhibitions .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-exhibitions .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-exhibitions .entry:nth-child(1n+1) { margin-right: 0; } .detail-page .custom-grid-exhibitions .entry .placeholder { padding-top: 66.666666666667%; background: inherit; } .detail-page .custom-grid-exhibitions .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-artists .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-artists .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-artists .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-artists .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-artists .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-artists .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-artists .entry .placeholder { padding-top: 75%; background: inherit; } .custom-grid-artists .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-artists .entry { width: 47.466666666667%; margin-right: 5.0666666666667%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-artists .entry:nth-child(4n+4){ margin-right: 5.0666666666667%; } .detail-page .custom-grid-artists .entry:nth-child(3n+3){ margin-right: 5.0666666666667%; } .detail-page .custom-grid-artists .entry:nth-child(2n+2){ margin-right: 5.0666666666667%; } .detail-page .custom-grid-artists .entry:nth-child(1n+1){ margin-right: 5.0666666666667%; } .detail-page .custom-grid-artists .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-artists .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-artists .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-publications .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-publications .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-publications .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-publications .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-publications .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-publications .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-publications .entry .placeholder { padding-top: 66.666666666667%; 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) { .detail-page .custom-grid-publications .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-publications .entry:nth-child(3n+3){ margin-right: 0%; } .detail-page .custom-grid-publications .entry:nth-child(2n+2){ margin-right: 0%; } .detail-page .custom-grid-publications .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-publications .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-publications .entry:nth-child(1n+1) { margin-right: 0; } .detail-page .custom-grid-publications .entry .placeholder { padding-top: 66.666666666667%; 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-news .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-news .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-news .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-news .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-news .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-news .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-news .entry .placeholder { padding-top: 66.666666666667%; background: inherit; } .custom-grid-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) { .custom-grid-art-fairs .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-art-fairs .entry:nth-child(4n+4){ margin-right: 0%; } .custom-grid-art-fairs .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-art-fairs .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-art-fairs .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-art-fairs .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-art-fairs .entry .placeholder { padding-top: 66.761363636364%; background: inherit; } .custom-grid-art-fairs .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-press .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-press .entry:nth-child(3n+3){ margin-right: 0%; } .detail-page .custom-grid-press .entry:nth-child(3n+3){ margin-right: 0%; } .detail-page .custom-grid-press .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-press .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-press .entry:nth-child(1n+1) { margin-right: 0; } .detail-page .custom-grid-press .entry .placeholder { padding-top: 74.948240165631%; background: inherit; } .detail-page .custom-grid-press .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-public-exhibitions .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-public-exhibitions .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-public-exhibitions .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-public-exhibitions .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-public-exhibitions .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-public-exhibitions .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-public-exhibitions .entry .placeholder { padding-top: 74.948240165631%; background: inherit; } .custom-grid-public-exhibitions .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-private .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-private .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-private .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-private .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-private .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-private .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-private .entry .placeholder { padding-top: 68.027210884354%; background: inherit; } .custom-grid-private .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: 32.8%; margin-right: 34.4%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4){ margin-right: 34.4%; } .custom-grid .entry:nth-child(4n+4){ margin-right: 34.4%; } .custom-grid .entry:nth-child(3n+3){ margin-right: 34.4%; } .custom-grid .entry:nth-child(2n+2){ margin-right: 34.4%; } .custom-grid .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 73.170731707317%; 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-exhibitions .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-exhibitions .entry:nth-child(4n+4){ margin-right: 0%; } .custom-grid-exhibitions .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-exhibitions .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-exhibitions .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-exhibitions .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-exhibitions .entry .placeholder { padding-top: 66.761363636364%; background: inherit; } .custom-grid-exhibitions .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-exhibitions .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-exhibitions .entry:nth-child(3n+3){ margin-right: 0%; } .detail-page .custom-grid-exhibitions .entry:nth-child(2n+2){ margin-right: 0%; } .detail-page .custom-grid-exhibitions .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-exhibitions .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-exhibitions .entry:nth-child(1n+1) { margin-right: 0; } .detail-page .custom-grid-exhibitions .entry .placeholder { padding-top: 66.666666666667%; background: inherit; } .detail-page .custom-grid-exhibitions .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-artists .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-artists .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-artists .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-artists .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-artists .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-artists .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-artists .entry .placeholder { padding-top: 75%; background: inherit; } .custom-grid-artists .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-artists .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-artists .entry:nth-child(4n+4){ margin-right: 0%; } .detail-page .custom-grid-artists .entry:nth-child(3n+3){ margin-right: 0%; } .detail-page .custom-grid-artists .entry:nth-child(2n+2){ margin-right: 0%; } .detail-page .custom-grid-artists .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-artists .entry:nth-child(1n+1) { margin-right: 0; } .detail-page .custom-grid-artists .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-artists .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-publications .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-publications .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-publications .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-publications .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-publications .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-publications .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-publications .entry .placeholder { padding-top: 66.666666666667%; 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) { .detail-page .custom-grid-publications .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-publications .entry:nth-child(3n+3){ margin-right: 0%; } .detail-page .custom-grid-publications .entry:nth-child(2n+2){ margin-right: 0%; } .detail-page .custom-grid-publications .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-publications .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-publications .entry:nth-child(1n+1) { margin-right: 0; } .detail-page .custom-grid-publications .entry .placeholder { padding-top: 66.666666666667%; 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-news .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-news .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-news .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-news .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-news .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-news .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-news .entry .placeholder { padding-top: 66.666666666667%; background: inherit; } .custom-grid-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) { .custom-grid-art-fairs .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-art-fairs .entry:nth-child(4n+4){ margin-right: 0%; } .custom-grid-art-fairs .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-art-fairs .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-art-fairs .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-art-fairs .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-art-fairs .entry .placeholder { padding-top: 66.761363636364%; background: inherit; } .custom-grid-art-fairs .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-press .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-press .entry:nth-child(3n+3){ margin-right: 0%; } .detail-page .custom-grid-press .entry:nth-child(3n+3){ margin-right: 0%; } .detail-page .custom-grid-press .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-press .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-press .entry:nth-child(1n+1) { margin-right: 0; } .detail-page .custom-grid-press .entry .placeholder { padding-top: 74.948240165631%; background: inherit; } .detail-page .custom-grid-press .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-public-exhibitions .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-public-exhibitions .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-public-exhibitions .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-public-exhibitions .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-public-exhibitions .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-public-exhibitions .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-public-exhibitions .entry .placeholder { padding-top: 74.948240165631%; background: inherit; } .custom-grid-public-exhibitions .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-private .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-private .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-private .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-private .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-private .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-private .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-private .entry .placeholder { padding-top: 68.027210884354%; background: inherit; } .custom-grid-private .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: 12px; line-height: normal; } #overlay, footer { background: #ffffff; } .list.text-only.entries.fixed-font .date { font-size: 12px; } .main-header nav.homepage a:hover, .main-header nav.homepage a.active, #slidecaption a:hover * { color: #888888 !important; } a, .private-login input[type="submit"] { color: #888888; } #overlay .close { color: #888888; font-size: 12px; } .main-header nav a, .screen-nav a, .slider-features a, .section-header a, .private nav a { color: #888888; font-size: 12px; letter-spacing: 0px; } 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 a:hover, .main-header nav a.active, .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: #000000 !important; } section header, .divider, .news .entry { border-color: #b4b4b4; } .homepage .caption h1 { color: #000000; letter-spacing: 0px; font-size: 12px; } .entry .placeholder, .entry .thumb, .list.text-only.entries.fixed-font a .summary, .main-header nav.homepage a, #slidecaption a *, .news .list h1 { color: #000000; } .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 { line-height: normal; font-size: 12px; } 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, h1, h1.sectionname, .entries .titles, .entries .title, .grid .titles, .grid .title, h3, .entries .date, .grid .date, .grid .titles .date, .homepage .caption h3, h4, .sectionname { color: #000000; line-height: normal; letter-spacing: 0px; font-size: 12px; } .paragraph-styling p { margin-bottom: 2em; } .s-wechat.detail-page .custom_page header h1, .s-wechat.detail-page header h4 { font-family: adobe-garamond-pro; font-size: 21px; color: #000; } .s-wechat.detail-page header.section-header.divider { border-top: none; border-bottom: 1px #cecece solid; } @media (max-width: 480px) { #artists-grid .container.fixed-font.custom-grid-artists { display: inherit !important; } .c-works-by #artists-grid .container.fixed-font.custom-grid-artists { max-height: inherit !important; } } /*TEMP 2021 IMAGE STRETCH*/ .slideshow-overlay .swiper-container .swiper-slide img, .swiper-container.slideshow .swiper-slide img{ width:100%; height:100%; object-fit:contain; } .squared .thumbnail-container .thumbnail-square img{ width:100%; height:100%; object-fit:contain; } /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* CSS --------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /*@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=9a04566c-adfa-4b41-9131-f68f889f06a9");*/ @font-face{ font-family:"Helvetica Neue LT W05_45 Light"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5f5a43b313a837455d8b4567/f9c5199e-a996-4c08-9042-1eb845bb7495.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5f5a43b313a837455d8b4567/2a34f1f8-d701-4949-b12d-133c1c2636eb.woff") format("woff"); } @font-face{ font-family:"Helvetica Neue LT W05_46 Lt It"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5f5a43b313a837455d8b4567/5e4f385b-17ff-4d27-a63a-9ee28546c9a8.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5f5a43b313a837455d8b4567/116cde47-4a07-44a5-9fac-cbdcc1f14f79.woff") format("woff"); } @font-face{ font-family:"Helvetica Neue LT W05_55 Roman"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5f5a43b313a837455d8b4567/08b57253-2e0d-4c12-9c57-107f6c67bc49.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5f5a43b313a837455d8b4567/08edde9d-c27b-4731-a27f-d6cd9b01cd06.woff") format("woff"); } @font-face{ font-family:"Helvetica Neue LT W05_56 Italic"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5f5a43b313a837455d8b4567/4bd56f95-e7ab-4a32-91fd-b8704cbd38bc.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5f5a43b313a837455d8b4567/4fe1c328-1f21-434a-8f0d-5e0cf6c70dfb.woff") format("woff"); } @font-face{ font-family:"Helvetica Neue LT W05_65 Medium"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5f5a43b313a837455d8b4567/240c57a0-fdce-440d-9ce3-85e0cb56f470.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5f5a43b313a837455d8b4567/7802e576-2ffa-4f22-a409-534355fbea79.woff") format("woff"); } @font-face{ font-family:"Helvetica Neue LT W05_66 Md It"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5f5a43b313a837455d8b4567/de68be2a-5d0e-4b8d-b3eb-940f75503e2a.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5f5a43b313a837455d8b4567/31029e78-79a0-4940-b82d-2e3c238e1355.woff") format("woff"); } /*Adobe Garamond Pro Bold*/ /*font-family: adobe-garamond-pro, serif;*/ /*font-weight: 700;*/ /*font-style: normal;*/ /*Adobe Garamond Pro Bold Italic*/ /*font-family: adobe-garamond-pro, serif;*/ /*font-weight: 700;*/ /*font-style: italic;*/ /*Adobe Garamond Pro Italic*/ /*font-family: adobe-garamond-pro, serif;*/ /*font-weight: 400;*/ /*font-style: italic;*/ /*Adobe Garamond Pro Regular*/ /*font-family: adobe-garamond-pro, serif;*/ /*font-weight: 400;*/ /*font-style: normal;*/ /*Adobe Garamond Pro Semibold*/ /*font-family: adobe-garamond-pro, serif;*/ /*font-weight: 600;*/ /*font-style: normal;*/ /*Adobe Garamond Pro Semibold Italic*/ /*font-family: adobe-garamond-pro, serif;*/ /*font-weight: 600;*/ /*font-style: italic;*/ /*.sticky-header .screen-nav { margin-bottom: 0; padding-bottom: 5px; position: fixed; width: 100%; background:#fff; z-index: 11; top: 0; }*/ /* -------------------------------------------------------------------------- */ /*DEV IMPLEMENTATION*/ /* -------------------------------------------------------------------------- */ #large #exhibitions-container .entry.third { /*width: 32%;*/ /*padding-right:2%;*/ width: 31.5%; padding-right: 2.75%; } #large #exhibitions-container .entry.third:nth-child(3n +3) { padding-right: 0; } .s-exhibitions .past .links.switch { display: inline-block; margin-right: 20px; } .s-exhibitions .past .filter-items.yrs { margin-right: 20px; } form.filter-items a { border: 0 !important; } .s-exhibitions .past .filter-items.yrs:last-of-type { margin-right: 0; } .s-exhibitions .past header { position: relative; } .s-exhibitions .past header h4 { position: absolute; top: 0; left: 0; } /* EXHIBITIONS FILTER MOBILE */ @media all and (max-width:1023px) { .s-exhibitions .past header { display:block; } .s-exhibitions .past header h4 { position: relative; margin-bottom:20px; } .s-exhibitions .past .filter-items.yrs { margin-right: 0; } .s-exhibitions .past .links.switch { display: block; margin-right: 0; } .s-exhibitions .past .filter-items .association-filter { display: block; margin-right:0; margin-bottom:7px; } .s-exhibitions .past .filter-items.yrs{ padding-bottom:20px; } .s-exhibitions .past .association-filter > .dropdown{ min-width:280px; } } .sticky-header.scrolled .section-header.page-header { opacity:0; } /*.sticky-header #contentWrapper { padding-top: 73px!important; margin-top: 0!important; } .sticky-header.scrolled #contentWrapper { padding-top: 162px!important; margin-top: 0!important; }*/ .sticky-header.scrolled #contentWrapper > .container:nth-child(2) { padding: 0; max-width: inherit; } .sticky-header.scrolled .screen-nav.quicklinks { position:fixed; justify-content: center; width: 100%; z-index: 10; background: #fff; /*margin-top:24px;*/ top: 0; /*padding-top: 20px;*/ padding-top: 20px; padding-bottom: 20px; } .sticky-header .qlink.active { /*color:#777!important;*/ /*font-family: 'Minion-bold';*/ } .sticky-header h1.heading-in-header:after { content: ":"; padding-left: 3px; } .sticky-header h1.heading-in-header { /*font-family: 'Terrorista-Dilma';*/ font-size: 20px!important; line-height: 0.7; letter-spacing: 0; display: inline-block; margin-right: 20px!important; font-family: adobe-garamond-pro; font-weight: 400; } .sticky-header.scrolled h1.heading-in-header { opacity: 1; } .sticky-header .screen-nav { transition: 0.4s ease opacity; } .custom-menu-on.sticky-header h1.heading-in-header, .custom-menu-on.sticky-header .screen-nav { opacity: 0; } .sticky-header section { padding-top: 70px; margin-top: -70px; } #loading-image { display: none; background-color: rgba(255,255,255,0.7); position: fixed; top: 0; z-index: +100 !important; width: 100%; height:100%; } #loading-image img { position: relative; top:50%; left:50%; } .sticky-header .mobile-menu-wrapper { position: relative; } #artists-grid .container.fixed-font.custom-grid-artists { display: flex; flex-wrap: wrap; flex-direction: column; max-height: 900px; align-content: flex-start; } .c-works-by #artists-grid .container.fixed-font.custom-grid-artists { max-height: 252px; } .publication-details .text-one-column-with-image { display: none; } .ee-custom-subtitle { font-family: adobe-garamond-pro, serif; font-weight: 400; font-size: 24px; padding-top: 6px; margin-bottom: 20px; } .ee-custom-subtitle u { TEXT-DECORATION: none !important; } section#associations .container { max-width: 1080px; } #associations header.section-header.divider { border-bottom: 1px solid #eaeaea; text-align: center; } .full-width-banner .slide figure { padding-top: 100vh; } section#banner { margin-bottom: 100px; } .associations { margin-bottom: 5%; } /* ------------------------------------------------------- */ /* IMAGE SWAP STYLES */ /* ------------------------------------------------------- */ /*hide current exhibition images see JS*/ /*.exhibitions .entry.half img[src*='525x394'], */ /*.exhibitions .entry.half img[src*='1050x788'] */ /*.exhibitions .entry.full img[src*='1080x475']*/ /*{*/ /* display:none !important;*/ /*}*/ /* ------------------------------------------------------- */ /* PRIVATE PAGE STYLES */ /* ------------------------------------------------------- */ .s-private.login-page #contentWrapper > .container { display: flex; flex-wrap: wrap; justify-content: center; height: 59vh; align-content: center; } .s-private.login-page h4 { display: block; width: 100%; text-align: center; font-size: 21px; font-family: adobe-garamond-pro; font-weight: 400; text-transform: inherit; letter-spacing: .4px; } .s-private.login-page input::placeholder { color:#000; font-family: 'Helvetica Neue LT W05_55 Roman'; letter-spacing: .4px; } .private-login input[type="submit"] { border: 1px solid #000; padding: 10px; font-size: 14px; text-transform: uppercase; transition: background-color .3s } .private-login input[type="submit"]:hover { background-color:#000; color:#fff !important; } .s-private.detail-page header h4 { font-family: adobe-garamond-pro; font-weight: 400; font-size:24px; } /* ------------------------------------------------------- */ /* INFORMATION STYLES */ /* ------------------------------------------------------- */ .s-information label { display: none; } .s-information input::placeholder { color:#000; } .s-information header.section-header.divider { border-bottom: 1px solid #eaeaea; } button { text-transform:uppercase; border:1px solid #000; padding:10px 15px; background-color:transparent; transition: background .3s; margin-bottom:50px; } button:hover { background: #000; color:#fff; border:1px solid #000; padding:10px 15px; } form input[type="text"], form input[type="password"], form input[type="email"], form select, form textarea, input#fieldName{ display: block; border: 1px solid #000; font-size: 13px; padding: 10px; height: 37px; background: #fff; margin-bottom: 15px; width: 250px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .s-information section#wrapper-about { margin-top: 50px; } @media (max-width: 768px) { .s-information .text-three-columns .column { width: 100%; flex-basis: 100%; -webkit-flex-basis:100% } } /* ------------------------------------------------------- */ /* PUBLICATIONS STYLES */ /* ------------------------------------------------------- */ section#selected-views { margin-bottom: 7%; } /*.s-publications header.section-header.divider.links-only {*/ /* margin-bottom: 0;*/ /*}*/ /*.publications.home span.links.switch {*/ /* padding-bottom: 21px;*/ /*}*/ .s-publications .content.paragraph-styling { text-align: center; } .s-publications .text-two-columns .left { width: 30%; text-align:left; } .s-publications .text-two-columns .right { display: inline-block; width: 52.66%; text-align:left; vertical-align: top; } .home header.section-header.divider.second-row { border: 0 !important; } .home header.section-header.divider.with-links.first-row { margin-bottom: 16px !important; } /*INDEX*/ .s-publications .publications.home .filter-items { padding-bottom:0 } .s-publications .publications.home .links.switch{ align-self:center; } @media all and (max-width:1023px) { .s-publications .publications.home #publications-grid header{ display:block; } .s-publications .publications.home .links.switch{ margin-bottom:20px; } .s-publications .publications.home .links.switch a{ margin-bottom:5px; } .s-publications .publications.home .filter-items .association-filter { margin-right: 0; display: block; margin-bottom: 7px; } } /* DETAIL */ @media all and (max-width:768px) { .s-publications .text-two-columns .left, .s-publications .text-two-columns .right{ float:none; display:block; width:100%; padding:0; } .s-publications .text-two-columns .left{ margin-bottom:40px; } } /* ------------------------------------------------------- */ /* PUBLIC EXHIBITIONS STYLES */ /* ------------------------------------------------------- */ .news-details.img .container { max-width: 1080px; } .news-details.img .container.page-header-container { margin-bottom: 6%; } .s-public-exhibitions #screen-installation-views .slideshow-headline { display: block; } .s-public-exhibitions #screen-installation-views .slideshow-headline h1 { display: block !important; } #associations .custom-grid-public-exhibitions .entry .placeholder { display: none; } #associations .custom-grid-public-exhibitions .entry .titles { text-align: left; } /* ------------------------------------------------------- */ /* MODULAR CONTENT STYLES */ /* ------------------------------------------------------- */ .text-one-column-with-image .container { max-width: 1080px; } .text-one-column-with-image.no-image.large-image header { display:none; } .text-one-column-with-image.no-image.large-image { padding-bottom: 0 !important; } .text-one-column-with-image.no-image.large-image .text{ padding-bottom: 0 !important; } .text-one-column-with-image.no-image.large-image .text p:last-of-type{ margin-bottom: 0 !important; } .text-one-column-with-image.no-image.large-image .text p{ font-family: adobe-garamond-pro; font-weight: 400; font-size: 35px; text-align: center; } .text-one-column-with-image.no-image.large-image .text{ padding: 40px 0 !important; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; margin-bottom:10%; margin-top: 5%; } .text-one-column-with-image .divider { margin-bottom: 0px; } .center { text-align:center; } /* ------------------------------------------------------- */ /* NEWS */ /* ------------------------------------------------------- */ .s-news .news.home .links.switch{ align-self:center; } @media all and (max-width:1023px) { .s-news .news.home #news-grid header{ display:block; } .s-news .news.home .links.switch{ margin-bottom:20px; } .s-news .news.home .links.switch a{ margin-bottom:5px; } .s-news .news.home .filter-items .association-filter { margin-right: 0; display: block; margin-bottom: 7px; } } .s-news.detail-page .news-details .details { width: 54%; max-width: 100%; padding-right: 3%; box-sizing: border-box; } @media all and (max-width:768px) { .s-news.detail-page .news-details .image img{ margin-left:auto; margin-right:auto; display:block; } .s-news.detail-page .news-details .image{ margin-bottom:30px; } .s-news.detail-page .news-details .details { width: 100%; padding-right: 0; } } /* ------------------------------------------------------- */ /* Associated NEWS */ /* ------------------------------------------------------- */ .custom-grid-news .entry .placeholder .image img { width: 100%; } .s-news .links .file a { display: inline-block; } .s-news .links .file a:hover { border-color:#fff; } .summary p { font-size: 15px !important; } /*.s-news span.links.switch {*/ /* display: block;*/ /* width: 100%;*/ /*}*/ /*------*/ /*disabled 6-18-2021*/ /*.news.home div#news-grid .entry:only-of-type {*/ /* width: 32.2%;*/ /*}*/ /*.news.home .entry:only-of-type .links {*/ /* text-align: center;*/ /*}*/ /*------*/ .s-news .filter-items { padding-bottom: 0; } .s-news .home .entry .links { display: none; } .associations div#news-grid .entry .links { display: none; } .associations div#press-grid a.view-more { } /* ------------------------------------------------------- */ /* Associated PRESS */ /* ------------------------------------------------------- */ .custom-grid-press .entry .placeholder { display: none; } .custom-grid-press .entry .titles { text-align: left; } .custom-grid-press .entry .links { display: block; position: relative; text-align: left; } /* ------------------------------------------------------- */ /* Associated PUBLICATIONS & NEWS STYLES IF ONE ENTRY */ /* ------------------------------------------------------- */ @media all and (min-width:1023px) { .associations div#publications-grid .entry:only-of-type, .associations div#news-grid .entry:only-of-type { width: 100%; } .associations div#publications-grid .entry:only-of-type > a , .associations div#publications-grid .entry:only-of-type > div{ display: flex; align-items: flex-start; /*justify-content: space-between;*/ } .associations #publications-grid .custom-grid-publications .entry:only-of-type .placeholder { padding-top: 23.5%; width: 100%; max-width: 380px; margin-right: 8%; } .associations div#news-grid .entry:only-of-type .placeholder { float: right; max-width: 400px; padding-top: 24.8%; } .associations div#news-grid .entry:only-of-type .titles, .associations div#news-grid .entry:only-of-type .summary{ text-align:left; Margin-right:5%; width: 55%; } .associations #publications-grid .entry:only-of-type .titles { text-align: left; width: 100%; max-width: 550px; } .associations #publications-grid .entry:only-of-type .title { font-size:30px; } .associations #publications-grid .entry:only-of-type .subtitle { font-size:24px; } .associations #publications-grid .entry:only-of-type .date { font-size:15px; } .associations #publications-grid .placeholder .image { background-color: transparent; } .additional-text { margin-top: 20px; } .associations #publications-grid .entry:not(:only-of-type) .additional-text { display:none; } /*.publications.home .custom-grid-publications .entry:only-of-type{*/ /* width: 32.2% !important;*/ /*}*/ /*.publications.home div#publications-grid .entry:only-of-type > a {*/ /* display:block;*/ /*}*/ } /* ------------------------------------------------------- */ /* ARTIST STYLES */ /* ------------------------------------------------------- */ header.section-header.divider.page-header { padding-bottom: 0; margin-bottom: 3%; margin-top: 2%; } #biography .text-one-column .content { padding-bottom: 0; } .artists.home .custom-grid .entry .placeholder { padding-top: 75%; display: none; background: inherit; } #video .slideshow-headline h1 { display: block !important; } .s-artists.detail-page .item-header h1, .s-private.detail-page .item-header h1{ font-size: 48px !important; } @media all and (max-width:768px) { .s-artists.detail-page .item-header h1, .s-private.detail-page .item-header h1{ font-size: 36px !important; } } section.artists.home .container.fixed-font.custom-grid-artists { max-width: 1080px; } .category:first-of-type { margin-bottom: 2% !important; } .s-artists .artists.home header h4 { display: block; width: 100%; text-align: center; border-bottom: 0px solid #eaeaea; padding-bottom: 10px; } div#artists-grid > .container { max-width: 1080px; } .s-artists .artists.home .title { font-size:20px !important; } .artists.home .custom-grid-artists .entry{ margin-bottom: 30px; } .artists.home .category:first-of-type header { display: none; } .artists.home .custom-grid-artists .entry .placeholder { display: none; } header.section-header.divider.custom-grid { margin-bottom: 50px; } header.section-header.divider.border-top { border: 0; } .grid.fitted .entry { padding-bottom: 30px; } div#screen-selected-works, section#installation-views, section#selected-works1{ margin-bottom: 80px; } .artists.home header.section-header.divider.custom-grid h4 { text-align: center; margin: auto; } div#screen-biography header { display: none; } .associations div#artists-grid .container { width: 100%; margin: auto; max-width: 700px; } .associations div#artists-grid .entry .placeholder { display: none; } .associations .custom-grid-artists .entry:nth-child(1n+1) { width: auto !important; margin-right: 5px; margin-bottom: 3px; text-align: left; } div#screen-biography { margin-bottom: 5%; } .associations .custom-grid-artists .entry .title { text-align: left; width: auto; } #related-artists #artists-grid .container.fixed-font.custom-grid-artists { display: block; } .associations .custom-grid-artists .entry .title::after { content: ","; padding-left:1px; } .associations .custom-grid-artists .entry:last-of-type .title::after { content: " "; padding-left:0px; } /* ARTIST RELATED NEWS REORDER VIA JS */ .s-artists.detail-page #related-news{ padding-top: 70px; margin-top: -70px; } .s-artists.detail-page #related-news .container{ max-width:1080px; } .s-artists.detail-page #related-news header{ border-bottom: 1px solid #eaeaea; } .s-artists.detail-page #related-news #news-grid > div:first-of-type{ max-width:100%; } /* --------------------------------------------------------- */ /* NEWS STYLES */ /* --------------------------------------------------------- */ .s-news .item-header h1, .s-publications .item-header h1{ font-size:36px !important; } .s-news .item-header h2, .s-publications .item-header h2{ font-size:28px !important; } .s-news .item-header h3, .s-publications .item-header h3 { margin-top: 12px !important; } /* --------------------------------------------------------- */ /* PDF LINKS */ /* --------------------------------------------------------- */ .links.in-text { margin-top: 20px; display: inline-block; margin-right: 17px !important; position:relative; } .entry .links { display: block; position:relative; text-align: center; } .entry:only-of-type .links { text-align:left; } .entry .links a { display: inline-block !important; margin-right: 15px !important; position:relative; border-bottom: 1px solid #000; padding-bottom: 1px !important; margin-bottom: 8px !important; } .entry:not(:only-of-type) .links a { margin-right: 0px !important; display: inline-block !important; font-size:15px; border:0; padding-bottom: 1px !important; border-bottom: 1px solid #000; } .links.in-text a:hover, .entry .links a:hover { color: #000 !important; border-bottom: 1px solid transparent; /*padding-bottom: 1px;*/ /*margin-bottom: 8px;*/ } .entry:not(:only-of-type) .links a:nth-child(2n) { margin-left: 15px; } .links.in-text.additional-files a:before, .entry .links a:not(:first-of-type):before { content: '/'; display:inline-block !important; position:absolute; left:-12px; } .links.in-text.additional-files a:hover:before, .entry:only-of-type .links a:not(:first-of-type):hover:before { border-bottom: 1px solid #fff; padding-bottom: 1px; } /*a.footer-siteindex {*/ /* margin-left:10px;*/ /* display:inline-block !important;*/ /*}*/ .footer-col4 { position:relative; } /*a.footer-siteindex:before {*/ /* content: '/';*/ /* display:inline-block !important;*/ /* position:absolute;*/ /* right:58px;*/ /*}*/ /* --------------------------------------------------------- */ /* SWIPER ASPECT RATIO FIX */ /* --------------------------------------------------------- */ .position-guard-container .swiper-container.slideshow .slide-content-container{ /*box-shadow: inset 0 0 0 1px rgba(255,0,0,1);*/ padding-top:67%; } @media (min-aspect-ratio: 4/3){ .position-guard-container .swiper-container.slideshow .slide-content-container{ padding-top:83vh; } } div[data-slideshow-view="slideshow"] .container{ max-width:100%; } /* ------------------------------------------------------- */ /* SWIPER STYLES */ /* ------------------------------------------------------- */ .slideshow-headline h1, .slideshow-headline h2, .slideshow-headline h3 { display: none !important; } .slideshow-container .slideshow-headline { padding-bottom: 10px; margin-bottom: 20px; } .swiper-container .swiper-slide-caption p { font-size:12px; } .thumbnail-container .caption-snippet { overflow: hidden; height: auto; } .slider-nav-next { background-size: 31px 65px !important; background-position: -16px -34px !important; } .slider-nav-prev { background-size: 31px 65px !important; background-position: 0 -34px !important; } .slider-nav-next:hover { background-position: -16px 0px !important; } .slider-nav-prev:hover { background-position: 0 0px !important; } .swiper-container .swiper-slide-caption { width: 50%; margin: auto; margin-top: 10px; text-align: center; } .slideshow-container .slideshow-headline.all-details span { display: none; } .slideshow-container .slideshow-headline.all-details span.abs-thumbs { display: block; } .abs-thumbs { z-index: 9; } .thumbnail-container .inquire-link, .thumbnail-container .caption-snippet { text-align: center; width: 80%; margin: auto; } .slideshow-container .slideshow-headline { border-bottom: 1px solid #eaeaea; } .abs-thumbs { position: absolute; bottom: 0px; } .inquire-link a, .swiper-slide-caption a.cursor-pointer { margin-top: 20px; padding: 5px 9px; display: inline-block; border: 1px solid #000; text-transform: uppercase; font-size: 12px; transition-timing-function: ease-in; transition:background .4s; } .inquire-link a:hover, .swiper-slide-caption a.cursor-pointer:hover { background:#000; color:#fff !important; } /*.thumbnails-tab.squared {*/ /* display: flex;*/ /* flex-direction: column;*/ /* flex-flow: wrap;*/ /* justify-content: center;*/ /*}*/ .thumbnails-tab.squared { text-align: center; } .nested-navigation { margin-bottom: 15px; } @media all and (max-width:480px) { .squared[data-width] .thumbnail-container { width:100% } } /* ------------------------------------------------------- */ /* EXHIBITION STYLES */ /* ------------------------------------------------------- */ nav.screen-nav.divider.quicklinks { text-align: center; border-bottom: 1px solid #eaeaea; margin-bottom: 5%; } .s-exhibitions.detail-page nav.screen-nav.divider.quicklinks, .s-artists.detail-page nav.screen-nav.divider.quicklinks{ display: none; } .divider.dropdown a:hover { border: 0; } .screen-nav.quicklinks a { border-bottom: 1px solid #fff; padding-bottom: 1px; } div#screen-content { margin-bottom: 3%; } section#press-release { margin-bottom: 6%; } section#press-release + #related-artists { margin-top: -5%; } section.exhibitions.home .item-header { text-align: left; } section.exhibitions.home .item-header h1 { font-size: 20px !important; } div#screen-press-release .container header.section-header.divider, div#screen-footnotes .container header.section-header.divider { width: 100%; margin: auto; max-width: 700px; box-sizing:border-box; } .s-exhibitions section#installation-views { margin-bottom: 60px; } #video { margin-bottom: 10% !important; } .s-exhibitions #about-the-artist a:hover { border: 0; } section#selected-works1 .slideshow-headline h1, section#selected-works .slideshow-headline h1, #video .slideshow-headline h1, .slideshow-headline h1{ display:inline-block !important; font-family: adobe-garamond-pro; font-weight: 400; font-size: 24px; color:#000; } .s-exhibitions .container.page-header-container { margin-bottom: 40px; } section.exhibitions.home header.section-header.divider { border-bottom: 1px solid #eaeaea; margin-bottom: 25px; } header.section-header.divider.with-links.first-row.custom-grid-exhibitions { margin-bottom: 0 !important; } header.section-header.divider.second-row.custom-grid-exhibitions { border: 0 !important; margin-top:17px; } .exhibitions.home .headers, .exhibitions.home .medium .headers, .exhibitions.home .small .headers { padding-top: 0; text-align: center; } .exhibitions .additional-text, .item-header .additional-text, div#exhibitions-grid .additional-text { padding-top: 0px; margin-top: 0px; color: #000; text-align: center; } .exhibitions .additional-text p, .item-header .additional-text p, div#exhibitions-grid .additional-text p{ font-size:14px; letter-spacing:.4px; line-height:1.3 !important; } .exhibitions #large .additional-text p, /*exhibitions-grid*/ .exhibitions #medium .additional-text p { font-size:14px; letter-spacing:.4px; } .titles { text-align: center; } div#large, div#medium, #video { margin-bottom: 40px; } div#medium { margin-bottom: 5%; } header.section-header.divider { border-top: 0; /*padding-top: 15px;*/ border-bottom: 0; text-align: center; } .s-exhibitions header h4, .s-artists header h4, header h1, .s-art-fairs header h4 { /*display: block;*/ /*width: 100%;*/ font-family:adobe-garamond-pro; font-weight:400; font-size:24px; /*Text-align:center;*/ } span.links.switch { /*display: block;*/ /*width: 100%;*/ /*margin-top: 28px;*/ } header.section-header.divider.with-links.first-row.custom-grid-exhibitions { /* border-bottom: 0 !important; */ margin-bottom: 0; } header.section-header.divider.second-row.custom-grid-exhibitions { padding-top: 0px; border-top: 0; /*margin-bottom: 70px;*/ } .links a { padding-right: 0px; margin-right: 20px; } .section-header.divider.second-row.custom-grid-exhibitions span.links.switch { margin-top:10px; } span.links.switch a { text-transform: capitalize; } span.links.switch a:last-of-type { margin-right:0; } .s-exhibitions section#content .text-one-column-with-image:last-of-type { padding-bottom: 5%; } div#screen-footnotes { text-align: left; margin-bottom:8%; } div#screen-footnotes header { display: none; } div#screen-footnotes .content p { font-size: 11px; /*line-height: 1.5;*/ } .ee-editor-footnote { line-height: 19px !important; font-size: 11px !important; display: block; margin-bottom: 0px; } .ee-editor-button { text-transform:uppercase; border:1px solid #000; padding:10px 15px; transition: background .3s } .ee-editor-button:hover { background: #000; color:#fff; border:1px solid #000; padding:10px 15px; } .ee-editor-button a { border-bottom: 0; } .ee-editor-button a:hover { border-bottom: 0; color:#fff !important; } /*div#screen-footnotes h4 {*/ /* font-family: 'Times NR MT W03 Regular';*/ /* letter-spacing: 0em !important;*/ /* font-size: 23px !important;*/ /* color: #555 !important;*/ /* text-align: center;*/ /* width: 100%;*/ /* display:none;*/ /*}*/ div#screen-footnotes header { border: 0; } section#pdf-uploads .text-one-column .content, section#pdf-uploads .text-one-column{ padding-bottom:0; } .s-exhibitions #about-the-artist .text h4 { font-size: 35px; margin-bottom: 10px; } .s-exhibitions #about-the-artist a { border-bottom: 1px solid #000; padding-bottom: 2px; } #about-the-artist .text-one-column-with-image { padding-bottom: 0px; } div#screen-about-the-artist { border-top: 1px solid #eaeaea; padding-top: 8%; border-bottom: 1px solid #eaeaea; padding-bottom: 6%; margin-bottom: 8%; } div#screen-about-the-artist .container > header.section-header.divider { border-bottom: 1px solid #eaeaea; } div#screen-about-the-artist > .container { max-width:1080px; } div#screen-about-the-artist .text-one-column-with-image .image { vertical-align: top; width: 45%; } div#screen-about-the-artist .text-one-column-with-image .text { width: 50%; } .s-exhibitions .item-header h1, .s-art-fairs .item-header h1{ font-size: 48px !important; } .s-exhibitions .item-header h2, .s-art-fairs .item-header h2{ font-size: 35px !important; } @media all and (max-width:768px) { .s-exhibitions .item-header h1, .s-art-fairs .item-header h1{ font-size: 36px !important; } } .s-exhibitions .container.page-header-container { margin-bottom: 5% !important; } .s-exhibitions section#installation-views, .s-exhibitions section#selected-works1{ margin-bottom: 10% !important; } /* --------------------------------------------------------- */ /* READ MORE */ #press-release .text-one-column .content { position: relative; } .pr-expander, .bio-expander { display: inline-block; margin-right: 0px; border-bottom: 0; cursor: pointer; margin-top: 15px; border: 1px solid #000; padding: 5px 9px; text-transform:uppercase; margin-bottom:20px; transition-timing-function: ease-in; transition: background .4s; } .pr-expander:hover, .bio-expander:hover { background: #000; color: #fff !important; } .ee-read-more + .links.in-text.additional-files { display: none; } /*.pr-expander:after {*/ /* content: '/';*/ /* display: inline-block !important;*/ /* margin-left: 8px;*/ /* position:absolute;*/ /*}*/ /* --------------------------------------------------------- */ /* BACK TO TOP */ #backToTop{ display: none; background: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/5f5a43b313a837455d8b4567/next.png') no-repeat center right; background-size: 30px 13px; padding: 30px!important; /*display: inline-block;*/ font-size: 0; z-index: 9999 !important; line-height: 0!important; } .item-header { display: block; width: 60%; margin: auto; } #screen-installation-views .slideshow-headline { display: none; } nav.screen-nav.divider.no-slider.child.combined { border: 0; text-align: center; padding-top: 30px; margin-bottom: 40px; } nav.screen-nav { display: block; } .screen-nav a { font-size: 15px; text-align:center; letter-spacing:.4px; text-transform: capitalize !Important; } .item-header h1 { font-size:30px !important; } .item-header h2 { font-size:24px !important; } .item-header h2.subtitle2 { font-size:20px !important; padding-top:5px !important; } .item-header h3, .item-header .additional-text p { font-size:20px !important; letter-spacing: .2px; } .s-news .item-header h3, .s-news .item-header .additional-text p, .s-publications .item-header h3, .s-publications .item-header .additional-text p{ font-size:18px !important; letter-spacing: .4px; } .item-header h3 { margin-top: 24px !important; } /*.item-header h2.subtitle2 + .item-header h3 {*/ /* margin-top:0 !important;*/ /*}*/ /*.ee-spacer {*/ /* margin-top: 0 ;*/ /*}*/ .text-one-column .content { width: 100%; margin: auto; max-width: 700px; } .links.in-text.additional-files { margin-top: 0px; } #press-release .text-one-column .content, #footnotes .text-one-column .content{ padding-bottom: 0; } #press-release .text-one-column .content p:last-of-type { margin-bottom:15px; } /*BACKGROUND DOTS FOR IMAGES THAT DONT HAVE A THUMBNAIL*/ section.exhibitions.home .placeholder .image,#related-exhibitions .associations .placeholder .image { position: absolute; left: 0; bottom: 0; top: 0; background-color: #eee; right: 0; height: 100%; width: 100%; } /*QUICKLINKS*/ @media (max-width: 1023px) { .quicklinks{ display:none!important; } } /* ------------------------------------------------------- */ /* FONT STYLES */ /* ------------------------------------------------------- */ /*font-family:'Helvetica Neue LT W05_45 Light';*/ /*font-family:'Helvetica Neue LT W05_46 Lt It';*/ /*font-family:'Helvetica Neue LT W05_55 Roman';*/ /*font-family:'Helvetica Neue LT W05_56 Italic';*/ /*font-family:'Helvetica Neue LT W05_65 Medium';*/ /*font-family:'Helvetica Neue LT W05_66 Md It';*/ body{ font-family: 'Helvetica Neue LT W05_55 Roman'; font-size:16px; font: 16px 'Helvetica Neue LT W05_55 Roman', sans-serif; /*re-declare fix*/ line-height:normal; /*keep normal*/ color:#000; letter-spacing:.4px; } b, strong{ font-family: 'Helvetica Neue LT W05_65 Medium'; font-weight:normal; } i, em{ font-family: 'Helvetica Neue LT W05_56 Italic'; font-style:normal; } strong > em, b > em, strong > i, b > i, em > strong, em > b, i > strong, i > b{ font-family: 'Helvetica Neue LT W05_66 Md It'; font-style:normal; } /* ------------------------------------------------------- */ /* PARAGRAPHS (BROWN) */ /* ------------------------------------------------------- */ p,.paragraph-styling p{ font-size:16px; line-height:1.8; /*box-shadow: inset 0 0 0 1px #993300;*/ } .paragraph-styling p{ margin-bottom:1.6em; } /* ------------------------------------------------------- */ /* PADDING FIX */ /* ------------------------------------------------------- */ .container{padding: 0 65px;} @media all and (max-width:1880px) { .container{padding: 0 65px;} } @media all and (max-width:1120px) { .container{padding: 0 45px; } } @media all and (max-width:1024px) { .container{padding: 0 20px;} } /* keep 100% width */ @media all and (max-width:800px) { .container{max-width: 100%;} } /* supersize captions */ @media all and (max-width:320px){ #slidecaption {padding-left: 0px;} } /* --------------------------------------------------------- */ /*CUSTOM HEADER PARAGRAPH SEE JS*/ /* --------------------------------------------------------- */ p.custom-header-paragraph{ margin-bottom:.2em !important; font-size: 16px !important; color:#000; font-family:adobe-garamond-pro; font-weight: 400; /*padding-top:15px;*/ } p.custom-header-paragraph:first-of-type{ padding-top:0 !important; } /* --------------------------------------------------------- */ /*CUSTOM BULLETS SEE JS*/ /* --------------------------------------------------------- */ p.custom-bullet{ text-indent:-12px; padding-left:12px; margin-bottom:.5em; } p.custom-bullet:before { content: "• "; color: #000000; padding-right:2px; font-weight:bold; } p.custom-bullet-last, p.custom-bullet:last-child{ margin-bottom:2em; } /* --------------------------------------------------------- */ /*CUSTOM HORIZONTAL LINE SEE JS*/ /* --------------------------------------------------------- */ p.custom-horizontal-line{ border-bottom-style: solid; border-bottom-color: #cccccc; border-bottom-width: 1px; margin-bottom: 3em; line-height:1em !important; } /* --------------------------------------------------------- */ /* EMPTY FIXES */ /* --------------------------------------------------------- */ h2:empty, h3:empty, .date:empty, .subtitle:empty, .summary:empty { display: none !important;} /* --------------------------------------------------------- */ /*HOVER STATES*/ /* --------------------------------------------------------- */ a:hover h1, a:hover .title{ color:#000 !important;} a { transition: color .3s; } a, .private-login input[type="submit"] { color: #000; } p a:hover { color: #000 !important; border-bottom: 1px solid #000; padding-bottom: 2px; } .main-header nav a, .screen-nav a, .slider-features a, .section-header a, .private nav a { color: #000; letter-spacing:.4px; } .main-header nav a:hover, .main-header nav a.active, .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: #000 !important; border-bottom: 1px solid #000; padding-bottom: 1px; } a.logo:hover * , a.logo:hover { border: 0; padding-bottom: 0; } .entry a *{ transition: opacity .3s; } .entry a:hover * { opacity: .9; } /* --------------------------------------------------------- */ /*SELECTION COLOR*/ /* --------------------------------------------------------- */ ::selection {color:#ffffff;background:#000000;} ::-moz-selection {color:#ffffff;background:#000000;} .lightOnDarkText {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .forceDefaultOSX{-webkit-font-smoothing: subpixel-antialiased;} /* --------------------------------------------------------- */ /* 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;} /* ------------------------------------------------------- */ /* ZERO OUT GRID SPACING - REMOVE EXTRANEOUS SPACING */ /* ------------------------------------------------------- */ .row{padding-bottom:0;} .grid{padding-bottom:0;} .grid {line-height: normal;} .section-header.second-row {margin-top: 0px } .exhibitions.home .headers, .exhibitions.home .medium .headers, .exhibitions.home .small .headers{padding-top: 0;} .grid-left-categories .categories-left.screen-nav {margin-top: 0px;} .image{ line-height: 0;} .image img{padding:0 !important;} .links a:last-of-type {line-height: normal;} nav.screen-nav{display:flex;} .grid-left-categories .categories-left.screen-nav {margin-top: 0px;} .homepage .caption {padding-top: 0;} .homepage.banner{line-height:0;} .inquireBox .left {line-height:0;} /* ------------------------------------------------------- */ /* SPACE BELOW ALL THUMBNAILS */ /* ------------------------------------------------------- */ .placeholder, .thumb, .homepage.banner img { margin-bottom:15px !important; } /* ------------------------------------------------------- */ /* MATCH NON-CUSTOM GRID ENTRIES WITH CUSTOM GRID ENTRIES */ /* ------------------------------------------------------- */ /*.grid .entry.medium{ padding-bottom:100px;}*/ /*.associations .list-container .entry, .news-index .entry{*/ /* padding-bottom:100px;*/ /*}*/ /* ------------------------------------------------------- */ /* MAIN-HEADER */ /* ------------------------------------------------------- */ .main-header{ /*text-transform:unset;*/ padding: 60px 0; padding-bottom: 60px; } .main-header .logo span { font-family: adobe-garamond-pro; font-weight:400; text-transform: uppercase; font-size: 26px; letter-spacing: 4px; line-height:1; } .main-header nav, .main-header nav a{ font-size:15px; letter-spacing:.4px; text-transform:capitalize; } .main-header nav { line-height: normal; } .main-header nav a { margin-left: 25px } .main-header .logo span{ color:#000; font-family: adobe-garamond-pro; font-weight: 400; } .main-header a.logo:hover span{ color:#000 !important; } .main-header nav.main { width: 100%; text-align: center; padding-top: 15px; } @media (max-width: 1023px) { .main-header{ padding-top:40px; padding-bottom:10px; } .main-header nav.languages, .main-header nav.main { display:none } .mobile-menu-wrapper { position: relative; margin: 9px 0 8px; display:block; } .main-header nav.mobile { display: inline-block; line-height: 26px; text-align:center; } nav.mobile .navlinks { padding-top:10px } nav.mobile .navlinks a { display: inline; border-bottom: 1px solid transparent; padding-bottom: 1px; line-height:100%; text-align:center; margin:0; } nav.mobile .navlinks a.active, nav.mobile .navlinks a:hover{ border-bottom: 1px solid #000000; } nav.mobile .navlinks a:after{ content: ""; display: block; height: 2px; clear: both; visibility: hidden; } .main-header .mobile-languages { display: inline-block; position: static; font-size: 12px; line-height: 26px; position: absolute; right:0 } .main-header .mobile-languages a { margin-left: 15px; display:inline-block } .mobile-languages a:first-child { margin-left:0 } div .main-header.fixed { position:fixed } } /* ------------------------------------------------------- */ /* DETAIL TITLES */ /* ------------------------------------------------------- */ .list-detail-title, .detail-title { -webkit-font-smoothing: subpixel-antialiased; display:inline-block; color:#000; background-color:#e5e5e5; font-size:8px; margin:0 0 5px 0; padding:3px 4px 3px 4px; line-height: 1; } /* ------------------------------------------------------- */ /* H1 TITLE */ /* ------------------------------------------------------- */ .exhibitions #large h1, /*exhibitions-grid*/ .exhibitions #medium h1, /*exhibitions-grid*/ .past .title, /*exhibitions-grid*/ .artists .title, /*artists grid*/ .publications .title, /*publications-grid*/ .objects .title, /*objects-grid*/ .press .title, /*press-grid*/ .news .title, /*news-grid*/ .news h1, .news .list h1, /*news-list*/ .associations .title, /*associated-grid*/ .associations .news h1, /*associated-news-list*/ .item-header h1, /*detail-page*/ .homepage .caption h1 /*homepage*/ { font-family:adobe-garamond-pro; font-weight:400; font-size:20px; color:#000; text-transform:normal; padding:0 0 5px 0 ; margin: 0 0 5px 0; line-height:1.1; } .exhibitions #large h1, /*exhibitions-grid*/ .exhibitions #medium h1, .publications .title { /*exhibitions-grid*/ font-size:24px; } /* ------------------------------------------------------- */ /* H2 SUBTITLE */ /* ------------------------------------------------------- */ .exhibitions #large h2, /*exhibitions-grid*/ .exhibitions #medium h2, /*exhibitions-grid*/ .past .subtitle, /*exhibitions-grid*/ .artists .subtitle, /*artists grid*/ .publications .subtitle, /*publications-grid*/ .objects .subtitle, /*objects-grid*/ .press .subtitle, /*press-grid*/ .news .subtitle, /*news-grid*/ .news h2, /*news-list*/ .associations .subtitle, /*associated-grid*/ .associations .news h2, /*associated-news-list*/ .item-header h2, /*detail-page*/ .homepage .caption h2 /*homepage*/ { color:#000; font-size:18px; font-family:adobe-garamond-pro; font-style:italic; font-weight:400; /*font-family: 'Text-RegularItalic';*/ text-transform:normal; padding:0px 0 5px 0 ; margin: 0 0 0 0; line-height:1.3; } .exhibitions #large h2, /*exhibitions-grid*/ .exhibitions #medium h2, .publications .subtitle{ font-size:20px; } /* ------------------------------------------------------- */ /* SUBTITLE-2 */ /* ------------------------------------------------------- */ .exhibitions #large h2.subtitle2, /*exhibitions-grid*/ .exhibitions #medium h2.subtitle2, /*exhibitions-grid*/ .past .subtitle2, /*exhibitions-grid*/ .artists .subtitle2, /*artists grid*/ .publications .subtitle2, /*publications-grid*/ .objects .subtitle2, /*objects-grid*/ .press .subtitle2, /*press-grid*/ .news .subtitle2, /*news-grid*/ .news h2.subtitle2, /*news-list*/ .associations .subtitle2, /*associated-grid*/ .associations .news h2.subtitle2, /*associated-news-list*/ .item-header h2.subtitle2, /*detail-page*/ .homepage .caption h2.subtitle2 /*homepage*/ { /*font-family: 'Text-Regular';*/ font-size:14px; text-transform:capitalize; padding:0px 0 5px 0 !important; margin: 0 0 0 0; font-style:normal; line-height:1.3; color:#000; /*letter-spacing:1px;*/ font-family: 'Helvetica Neue LT W05_55 Roman'; font-style:normal; letter-spacing:.4px; } /* ------------------------------------------------------- */ /* H3 DATE */ /* ------------------------------------------------------- */ .exhibitions #large h3, /*exhibitions-grid*/ .exhibitions #medium h3, /*exhibitions-grid*/ .past .date, /*exhibitions-grid*/ .artists .date, /*artists grid*/ .publications .date, /*publications-grid*/ .objects .date, /*objects-grid*/ .press .date, /*press-grid*/ .news .date, /*news-grid*/ .news h3, /*news-list*/ .associations .date, /*associated-grid*/ .associations .news h3, /*associated-news-list*/ .item-header h3, /*detail-page*/ .homepage .caption h3 /*homepage*/ { font-family: 'Helvetica Neue LT W05_55 Roman'; color:#000; font-size:14px; /*letter-spacing:1px;*/ text-transform:capitalize; padding:0px 0 5px 0 !important; margin: 0 0 0 0; line-height:1.3; letter-spacing:.4px; } .exhibitions #large h3, /*exhibitions-grid*/ .exhibitions #medium h3 { font-size:14px; } .homepage .caption h3 p /*home-h3 uses multi line text, font-size needs to be set for p*/ { font-size:12px; } /* ------------------------------------------------------- */ /* H4 SUBHEADER */ /* ------------------------------------------------------- */ .custom_page header h1, /*custom_page does not use H4*/ header h4 { font-size:21px; color:#000; text-transform:initial; /*letter-spacing:1px;*/ padding:0 0 0 0; margin: 0 0 0 0; line-height:normal; } /* ------------------------------------------------------- */ /* SUBNAV */ /* ------------------------------------------------------- */ .screen-nav a, .slider-features a, .section-header a, .private nav a { font-size:15px; text-transform:initial; padding-top:0; margin-top: 0; margin-bottom: 0; display:inline-block; line-height:normal; } /* --------------------------------------------------------- */ /* LINKS */ /* --------------------------------------------------------- */ .homepage .entry .links, .links .file a, .details .links a, .content .links a, .entry .links a { font-size:15px; text-transform:initial; border-bottom:1px solid #000; padding:0 0 1px 0; margin: 0 0 0 0; line-height:normal; display:block; /*box-shadow: inset 0 0 0 1px #800080;*/ } .links.in-text { margin-top: 20px; display: inline-block; margin-right: 15px; } /* --------------------------------------------------------- */ /* CAPTIONS */ /* --------------------------------------------------------- */ .inquireBox .left .caption p, .slide figcaption p, .image .caption p { font-size: 13px; line-height: 1.5; /*box-shadow: inset 0 0 0 1px #FFA500;*/ } .text-one-column-with-image .image .caption p { font-size: 11px !important; line-height: normal; } .thumbnail-caption p, .caption-snippet p { font-size: 12px; line-height: 1.5; } .swiper-container .swiper-slide-caption p { line-height: 1.5 !important; } .caption-snippet { height: auto; } .inquireBox .left .caption, .image .caption { margin-top:10px; /*box-shadow: inset 0 0 0 1px #FFA500;*/ } .thumbnail-caption { height: auto; } /* --------------------------------------------------------- */ /* SUMMARY */ /* --------------------------------------------------------- */ /* set space between titles and summary */ .summary{ margin-top:15px; color:#000; /*box-shadow: inset 0 0 0 1px #00FFA6;*/ } .summary p{ font-size:12px; } /* --------------------------------------------------------- */ /* FOOTER 4 COL */ /* --------------------------------------------------------- */ footer{ padding-top: 30px; padding-bottom: 30px; color:#000; background-color:transparent; text-align:center; } footer p{ line-height:normal; font-size: 12px; letter-spacing:.2px; /*text-transform:uppercase !important;*/ } footer .container { max-width: 1080px; } footer a, p a { color:#000 !important; border-bottom: 1px solid #000; padding-bottom: 1px; } footer a:hover, p a:hover { color:#000 !important; border-bottom: 1px solid #fff; padding-bottom: 1px; } footer div.footer-cols{ width:100%; padding-right:0; } .footer-col1, .footer-col2, .footer-col3 { width:auto; padding-right: 1.5%; } .footer-col4{ width: auto; padding-right:0 !important; } footer div.footer-cols{ line-height: normal; /*keep normal*/ } @media all and (max-width:1023px) { .footer-col1, .footer-col2, .footer-col3,.footer-col4{ padding-right:0; margin-bottom:15px; width:100%; display:block; } } @keyframes ldio-rbid5eakkui { 0% { transform: translate(-50%,-50%) rotate(0deg); } 100% { transform: translate(-50%,-50%) rotate(360deg); } } @-webkit-keyframes ldio-rbid5eakkui { 0% { -webkit-transform: translate(-50%,-50%) rotate(0deg); } 100% { -webkit-transform: translate(-50%,-50%) rotate(360deg); } } .ldio-rbid5eakkui div { position: absolute; width: 60px; height: 60px; border: 10px solid #0a0a0a; border-top-color: transparent; border-radius: 50%; } .ldio-rbid5eakkui div { animation: ldio-rbid5eakkui 1s linear infinite; top: 50px; left: 50px } .loadingio-spinner-rolling-apin7apvz2 { width: 50px; height: 50px; display: inline-block; overflow: hidden; background: none; } .ldio-rbid5eakkui { width: 100%; height: 100%; position: relative; transform: translateZ(0) scale(0.5); backface-visibility: hidden; transform-origin: 0 0; } .ldio-rbid5eakkui div { box-sizing: content-box; } .cssload-container { display: none; position: fixed; top: 0; z-index: +100 !important; width: 100%; height:100%; /*display: flex;*/ align-items: center; justify-content: center; } /* ------------------------------------------------------------------------- */ /* SLIDER ICON ST*/ /* ------------------------------------------------------------------------- */ /*remove text */ /*js (text)empty won't work w/ back button, use this CSS instead */ .slider-features a, .slideshow-headline a.cursor-pointer{ height: 13px; width: 19px; text-indent: 100%; white-space: nowrap; overflow: hidden; padding-right:0 !important; } .slider-features a, .slideshow-headline a.cursor-pointer{margin-right:15px;} .slider-features a:last-of-type, .slideshow-headline a.cursor-pointer:last-of-type{margin-right:0;} .slider-features a[href$="view=thumbnails"], .slider-features a[href$="view=thumbnails"]:before, .slider-features a[href$="view=thumbnails"]:after, .slider-features a[href$="view=slider"], .slideshow-headline a.slideshow-view, .slideshow-headline a.thumb-view, .slideshow-headline a.thumb-view:before, .slideshow-headline a.thumb-view:after{ display: inline-block; box-sizing:border-box; box-shadow: inset 0 0 0 1px #b4b4b4; } .slider-features a[href$="view=thumbnails"], .slideshow-headline a.thumb-view{ position: relative; height: 13px; width: 19px; padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:10px; } .slider-features a[href$="view=thumbnails"]:before, .slideshow-headline a.thumb-view:before{ content: ''; position: absolute; left: 0px; top: 4px; width: 19px; height: 5px; } .slider-features a[href$="view=thumbnails"]:after, .slideshow-headline a.thumb-view:after{ content: ''; position: absolute; left: 6px; top: 0px; width: 7px; height: 13px; } .slider-features a[href$="view=slider"], .slideshow-headline a.slideshow-view{ height: 13px; width: 19px; margin-bottom:10px; } .slider-features a[href$="view=thumbnails"]:hover, .slider-features a[href$="view=thumbnails"]:hover:before, .slider-features a[href$="view=thumbnails"]:hover:after, .slider-features a[href$="view=thumbnails"].active, .slider-features a[href$="view=thumbnails"].active:before, .slider-features a[href$="view=thumbnails"].active:after, .slider-features a[href$="view=slider"]:hover, .slider-features a[href$="view=slider"].active, .slideshow-headline a.slideshow-view:hover, .slideshow-headline a.slideshow-view.active, .slideshow-headline a.thumb-view:hover, .slideshow-headline a.thumb-view:hover:before, .slideshow-headline a.thumb-view:hover:after, .slideshow-headline a.thumb-view.active, .slideshow-headline a.thumb-view.active:before, .slideshow-headline a.thumb-view.active:after { box-shadow: inset 0 0 0 1px #000000; } /* --------------------------------------------------------- */ /* SLIDESHOW XL - SEE JS */ /* --------------------------------------------------------- */ /*Use :not to prevent other sliders from resizing*/ /*body:not(.s-homepage) .slider .bx-wrapper:first-of-type,*/ /*single images with no arrows uses ".FULL-SLIDER" only*/ body:not(.s-home) .full-slider .bx-wrapper:first-of-type, body:not(.s-home) .slider .bx-wrapper:first-of-type { width: 100%; max-width: 100%!important; margin-left:auto; margin-right:auto; /*box-shadow: inset 0 0 0 1px #ff0000;*/ } body:not(.s-home) .full-slider .bx-wrapper:first-of-type .slide, body:not(.s-home) .slider .bx-wrapper:first-of-type .slide{ width:100% !important; /*box-shadow: inset 0 0 0 1px #ff0000;*/ } /* --------------------------------------------------------- */ /* Thumbnail 3-UP */ /* --------------------------------------------------------- */ .grid.fitted.thumbnails .entry{ width:31.44%; } .grid.fitted.thumbnails .entry:nth-child(4n+4){ padding-right:2.66% } .grid.fitted.thumbnails .entry:nth-child(3n+3){ padding-right:0!important; } /*EXHIBITIONS HOME FIX*/ /*#large img, #medium img{*/ /* width:100%;*/ /*}*/ /* --------------------------------------------------------- */ /* SLIDESHOWS */ /* --------------------------------------------------------- */ /* Slideshow Thumbnail grid view background */ .fitted .placeholder{background:none !important;} /* Slideshow NAV thumbnail border color */ .bx-thumbs a.active, .bx-thumbs a.active:hover{border-color:transparent !important; box-shadow: inset 0 0 0 1px #000000;} /* Slideshow NAV thumbnail border color hover */ .bx-thumbs a:hover{border-color:transparent !important; box-shadow: inset 0 0 0 1px #bbbbbb;} /* Slideshow NAV thumbnail sizing */ .bx-wrapper:nth-child(2) .bx-thumbs a>img {max-width: 73%; max-height: 88%;} /*SLIDER BOTTOM SPACING - SLIDER OR BX-VIEWPORT*/ /*.slider {padding-bottom: 50px}*/ .slider .bx-viewport{margin-bottom:50px;} /* --------------------------------------------------------- */ /* TEXT-ONE-COLUMN-WITH-IMAGE*/ /* --------------------------------------------------------- */ /* adjust space between each row */ .text-one-column-with-image{padding-bottom:20px;} /* adjust space for last row */ .text-one-column-with-image:last-of-type{padding-bottom:100px;} /* adjust both .text and .image bottom optically equal */ .text-one-column-with-image .text{padding-bottom:20px;} .text-one-column-with-image .image{padding-bottom:40px;} /*adjust EITHER img OR p to both top align */ /*.text-one-column-with-image .image{margin-top:.3em;}*/ .text-one-column-with-image .text{margin-top:-.3em;} /* adjust no-image width */ .text-one-column-with-image.no-image .text{ width:100%; max-width:800px;} /* center no-image width */ .text-one-column-with-image.no-image .text{margin-left: auto; margin-right:auto;float:none;} /* --------------------------------------------------------- */ /* INQUIRE */ /* --------------------------------------------------------- */ /* inquire spacing */ a.inquire{font-size: 12px; padding-top:20px;padding-bottom:20px;display:block;} .inquireBox h1{font-size: 19px;text-transform:capitalize;padding-bottom:0;} .inquireBox .right {margin-top: -.5em;} .inquireBox .right input[type=submit]{font-size: 12px; text-transform:capitalize;} form.inquire label{font-size: 12px;text-transform:capitalize;line-height:2;} /* --------------------------------------------------------- */ /* DROP DOWN MENUS */ /* --------------------------------------------------------- */ /* fix 1px shift mis-alignment */ .dropdown > .divider{left: -1px;} /*border colors and top/bottom padding*/ .dropdown-root .divider{ border-color:#eaeaea; padding: 3px 0;} /*new background image arrow*/ .dropdown:after { content: " "; position: absolute; height: 95%; width: 15px; top: 0; right: 10px; background: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/5f5a43b313a837455d8b4567/dropdown.png') center center no-repeat; background-size: contain; background-color: transparent !important; opacity:.6; } /*remove old arrow*/ .dropdown:before {content: none;} /*drop down items*/ .dropdown-root .divider a, .dropdown-root .divider a:last-of-type, .dropdown-rooter .divider a, .dropdown-rooter .divider a:last-of-type{ display: block; white-space: nowrap; padding: 4px 4px 4px 10px; margin: 0; /*EDIT FONT STYLING*/ font-size: 15px !important; letter-spacing:.4px; } .dropdown-rooter .divider { border-color: #eaeaea; padding: 3px 0; } form.filter-items a { border: 0 !important; } .section-header .dropdown-rooter .divider.dropdown a.active, .section-header .dropdown-rooter .divider.dropdown a.active:hover { border: none; } /*view all link spacing styling*/ .filter-items .association-filter {margin-right: 20px;} .filter-clear{ white-space: nowrap; /*EDIT FONT STYLING*/ font-size: 15px !important; } /* --------------------------------------------------------- */ /* 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/5f5a43b313a837455d8b4567/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;} /*mobile zoom view*/ #zoomWrap{ padding:0 !important; } #zoomWrap #pan img{ max-width: 100%; max-height: 100%; } /* --------------------------------------------------------- */ /* 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; } } /* --------------------------------------------------------- */ /*SECTIONS FADE IN ANIMATION*/ /* --------------------------------------------------------- */ section:first-of-type:not(.custom_page), /* 1st sections, custom has child sections*/ section:nth-of-type(2), /*2nd sections*/ .s-news.detail-page .news-details, /* has no sections*/ .sidebar-left /*has no sections*/ { animation-name: fadein; animation-duration: .8s; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* --------------------------------------------------------- */ /*HOMEPAGE STYLES*/ /* --------------------------------------------------------- */ .s-home a#backToTop { display:none !important; } /*BANNER ROTATE*/ section[id*="banner-rotate"] .full-width-banner .slide figure{ padding-top:50vw; width: calc(100% - 130px); margin-left: auto; margin-right: auto; pointer-events:none; } @media all and (max-width:1120px) { section[id*="banner-rotate"] .full-width-banner .slide figure{ width: calc(100% - 90px); } } @media all and (max-width:1024px) { section[id*="banner-rotate"] .full-width-banner .slide figure{ width: calc(100% - 40px); } } @media (max-aspect-ratio: 1/1){ section[id*="banner-rotate"] .full-width-banner .slide figure{ padding-top:75%; } } /*section[id*="banner-rotate"] .bx-controls{*/ /* display:none;*/ /*}*/ section[id*="banner-rotate"] figcaption{ /*position:absolute;*/ /*bottom:40px;*/ width:100%; max-width:85vw; text-align:center; margin: 40px auto 0 auto; } .s-home figcaption .container { max-width: 85vw; } section#wrapper-banner-rotate { margin-bottom: 60px; } /*section[id*="banner-rotate"] .container{*/ /* max-width:100%;*/ /*}*/ /*fix logo float causing banner shift*/ .s-home .main-header{overflow:hidden;} @media all and (max-width:800px) { .s-home .main-header{overflow:visible;} } .s-home section[id*="banner-rotate"] figcaption h1{ font-size:48px; font-family:adobe-garamond-pro; font-weight: 400; /*letter-spacing:1px;*/ text-transform:initial; margin-bottom:10px; color:#000; line-height:1.1; } @media all and (max-width:1024px) { .s-home section[id*="banner-rotate"] figcaption h1{ font-size:36px; } .s-home .bx-pager{ display:none; } } .s-home section[id*="banner-rotate"] figcaption h2{ font-size:35px; font-family:adobe-garamond-pro; font-weight:400; font-style: italic; /*letter-spacing:1px;*/ text-transform:initial; margin-bottom:10px; color:#000; line-height:1.1; } .s-home section[id*="banner-rotate"] figcaption p{ font-size: 20px; /*letter-spacing:1px;*/ text-transform:initial; margin-bottom:5px; color:#000; } .s-home .navlinks { background: none; } /*BANNER STACK*/ section[id*="banner-stack"] .full-width-banner .slide figure{ padding-top:100vh; } .main-header nav:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .main-header{overflow:hidden;} .bx-wrapper .bx-pager.bx-default-pager a { background: #FFF; BORDER: 1px solid #000; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } /* --------------------------------------------------------- */ /*SITE INDEX STYLES*/ /* --------------------------------------------------------- */ a.footer-siteindex { display:none; } .col-custom{ /*text-transform:initial;*/ color:#555; font-family: Arial, Helvetica, Sans-serif; font-size: 9px; letter-spacing:.2px; padding-right:0; margin-top:20px; line-height:normal; text-align:center; width:100%; display:none; } .col-custom span{ font-size: 9px; margin-right:10px; line-height:normal; } footer .credit { font-size: 9px; line-height:normal; margin-top: 20px; padding-right:0; width:auto !important; display:inline-block !important; } footer .credit a{ border-bottom:none; } .col-custom span:first-of-type { display: none; } .custom-site-index-container{ max-width:785px; } /* ------------------------------------------------------- */ /* CAREERS */ /* ------------------------------------------------------- */ .s-careers, section#wrapper-about { margin-top: 50px!important; } .s-careers, header.section-header.divider { border-bottom: 1px solid #eaeaea; } .s-careers, .news .entry .info { max-width: 700px; width: 100%; vertical-align: top; padding-right: 20%; } .s-careers, .news-details .details { width: 100%; max-width: 700px; align-content: center; margin-right: auto; margin-left: auto; } .s-careers, .news .entry h2 { line-height: normal; font-size: 18px; } /* -------------------------------------------------------------------------- */ /* TEST */ /* -------------------------------------------------------------------------- */ /** {box-shadow: inset 0 0 0 1px rgba(255,0,0,1) !important;}*/ /*img {outline-color:#ff0000 !important; outline-width:1px !important; outline-style:solid !important; outline-offset:-1px !important;}*/ /* -------------------------------------------------------------------------- */ /*ALERT SITE TOP*/ /* -------------------------------------------------------------------------- */ #ee-alert-site-top{background-color:#000000;} #ee-alert-site-top .container{max-width:100%;} #ee-alert-site-top p{ color:#ffffff; text-align:center; font-size:10px; padding-top:5px; padding-bottom:5px; } #ee-alert-site-top p a{color:#fff !important; border-color:#fff !important} #ee-alert-site-top p a:hover{color:#ffffff!important; border-color:#000 !important} .s-home #ee-alert-site-top{display:none;} /* -------------------------------------------------------------------------- */ /*ALERT BOX */ /* -------------------------------------------------------------------------- */ section#wrapper-alert-box { position: fixed; bottom: 50px; right: 50px; max-width: 388px; color:#ffffff!important; background-color:rgba(0,0,0,1); z-index: 1337; padding:25px!important; } section#wrapper-alert-box header{border:none;} section#wrapper-alert-box .text-one-column .content{padding-bottom: 0;} section#wrapper-alert-box .container{padding: 0;} section#wrapper-alert-box .container .container{padding: 0;} section#wrapper-alert-box header, section#wrapper-alert-box .text-one-column{ padding-bottom:0; margin-bottom: 8px; } section#wrapper-alert-box a.close{ position: absolute; right: 5px; top: 1px; font-size:18px; cursor: pointer; color:#b4b4b4!important; } section#wrapper-alert-box a{color:#b4b4b4 !important;} section#wrapper-alert-box a:hover{color:#ffffff !important;} section#wrapper-alert-box p{ margin-bottom: 1.3em; font-size:12px; line-height:1.8; color:#ffffff!important; /*-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/ } section#wrapper-alert-box p:last-of-type{margin-bottom: 0;} section#wrapper-alert-box header h1{ color:#FFFFFF; line-height: 1.5; font-size: 17px !important; } @media all and (max-width:550px){ section#wrapper-alert-box { right: 20px; max-width: 280px; } section#wrapper-alert-box { bottom:25px; } section#wrapper-alert-box header h1{font-size:14px !important; hyphens:none !important;} section#wrapper-alert-box p{font-size:11px;} } /*------------------------------*/ /*animation*/ section#wrapper-alert-box{ /*animation-name: alert-box;*/ animation-duration: 1.5s; animation-delay: 1.2s; animation-fill-mode: backwards; } /*------------------------------*/ /*------------------------------*/ /*------------------------------*/ /* MUST USE ANIMATION-NAME IN MEDIA QUERY */ /* DO NOT ADD KEYFRAMS WITHIN MEDIA QUERY */ @media screen and (min-width:601px) { section#wrapper-alert-box{ animation-name: alert-box-a; } } @media screen and (max-width:600px) { section#wrapper-alert-box{ animation-name: alert-box-b; } } @keyframes alert-box-a { from { right: -350px; opacity: 0; } to { right: 50px; opacity: 1; } } @keyframes alert-box-b { from { right: -260px; opacity: 0; } to { right: 20px; opacity: 1; } } /*------------------------------*/ /*------------------------------*/ /*------------------------------*/ @media screen and (max-width:600px) { #artists-grid .container.fixed-font.custom-grid-artists { max-height: initial; } } /* -------------------------------------------------------------------------- */ /* EXHIBITIONS INDEX FIT IMAGE FIX */ #large .entry .thumb{ /*percentage = 660/1500*/ padding-top:44%; position:relative; } #large .entry.half .thumb{ /*percentage = 501/735*/ padding-top:68%; position:relative; } #large .entry.third .thumb{ padding-top:68%; position:relative; } #large .entry .thumb .image{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; } #large .entry .thumb .image img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: auto; max-height: 100%; width: auto; max-width: 100%; margin: auto; } #medium .entry .thumb{ /*percentage = 501/735*/ padding-top:68%; position:relative; } #medium .entry .thumb .image{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; } #medium .entry .thumb .image img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: auto; max-height: 100%; width: auto; max-width: 100%; margin: auto; } .grid .entry.half { padding-right: 2%; } .grid .entry.half:nth-child(2n + 2) { padding-right:0 } @media screen and (max-width:600px) { .grid .entry.half { width:100%; padding-right: 0; } #large #exhibitions-container .entry.third{ width:100%; padding-right: 0; } } #exhibitions-grid .placeholder .image{ background-color:transparent; } #exhibitions-grid .placeholder .image img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: auto; max-height: 100%; width: auto; max-width: 100%; margin: auto; } #art-fairs-grid .placeholder .image{ background-color:transparent; } #art-fairs-grid .placeholder .image img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: auto; max-height: 100%; width: auto; max-width: 100%; margin: auto; } .bx-wrapper .bx-controls-direction .bx-next, .bx-wrapper .bx-controls-direction .bx-prev { background: url('https\3A \2F \2F s3\2E amazonaws\2E com\2F files\2E collageplatform\2E com\2E prod\2F application\2F 5f5a43b313a837455d8b4567\2F 2cdfa5fb858fdf9cee1e8765021ee4c4\2E png') no-repeat; background-size: 32px 116px; width: 16px; height: 32px; margin-top: -16px; } .bx-wrapper .bx-controls-direction .bx-prev { background-position: 0 0; } .bx-wrapper .bx-controls-direction .bx-prev:hover { background-position: 0 -32px; } .bx-wrapper .bx-controls-direction .bx-next { background-position: -16px 0; } .bx-wrapper .bx-controls-direction .bx-next:hover { background-position: -16px -32px; } @media all and (max-width: 320px) { .bx-wrapper .bx-controls-direction .bx-next, .bx-wrapper .bx-controls-direction .bx-prev { width: 13px; height: 26px; margin-top: -13px; } .bx-wrapper .bx-controls-direction .bx-prev { background-position: 0 -64px; } .bx-wrapper .bx-controls-direction .bx-prev:hover { background-position: 0 -90px; } .bx-wrapper .bx-controls-direction .bx-next { background-position: -13px -64px; } .bx-wrapper .bx-controls-direction .bx-next:hover { background-position: -13px -90px; } } *:focus:not(.focus-visible) { outline: none; } *:focus { outline: 2px #A5C7FE solid; outline-offset: 1px; } .entry > a { display: inline-block; } .entry.small > a, .entry.medium > a, .entry.large > a, .grid.thumbnails > .entry > a, .grid.entries > .entry > a, .large-images > .entry > a, .entry.full > a { display: block; } div[class^='custom-grid'] > .entry > a, div[class*=' custom-grid'] > .entry > a, .grid-container > .grid > .entry > a, .list.text-only .entry > a { display: block; } .list.text-only .date { float: left; } .news .entry > .thumbnail > .image > a { display: inline-block; } #skipToContent { position: absolute; top: -1000px; left: -1000px; height: 1px; width: 1px; text-align: left; overflow: hidden; text-decoration: underline; } a#skipToContent:active, a#skipToContent:focus, a#skipToContent:hover { left: 0; top: 0; width: auto; height: auto; overflow: visible; } footer div > a.footer-siteindex, footer span > a.footer-siteindex{ white-space: nowrap; overflow: hidden; } #contentWrapper:focus { outline: transparent !important; } #contentWrapper #eccomerceCheckout .widget ul { display: block; margin-top: 5px; } #contentWrapper #eccomerceCheckout input.error { margin-bottom: 0; } label.required:after { content: '*'; margin-left: 2px; } .slideshow-container .swiper-slide { -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); } .slider-nav-next, .slider-nav-prev, .swiper-vow .slider-nav-next, .swiper-vow .slider-nav-prev, .swiper-vow .slider-nested-nav-prev, .swiper-vow .slider-nested-nav-next { background: url('https\3A \2F \2F s3\2E amazonaws\2E com\2F files\2E collageplatform\2E com\2E prod\2F application\2F 5f5a43b313a837455d8b4567\2F 2cdfa5fb858fdf9cee1e8765021ee4c4\2E png') no-repeat; background-size: 32px 116px; width: 16px; height: 32px; margin-top: -16px; position: absolute; top: 50%; border: none; transform: none; } .slider-nav-prev, .swiper-vow .slider-nav-prev, .swiper-vow .slider-nested-nav-prev { background-position: 0 0; left: 0; } .slider-nav-prev:hover, .swiper-vow .slider-nav-prev:hover, .swiper-vow .slider-nested-nav-prev:hover { background: url('https\3A \2F \2F s3\2E amazonaws\2E com\2F files\2E collageplatform\2E com\2E prod\2F application\2F 5f5a43b313a837455d8b4567\2F 2cdfa5fb858fdf9cee1e8765021ee4c4\2E png') no-repeat; background-size: 32px 116px; background-position: 0 -32px; border: 0; } .slider-nav-next, .swiper-vow .slider-nav-next, .swiper-vow .slider-nested-nav-next { background-position: -16px 0; right: 0; } .slider-nav-next:hover, .swiper-vow .slider-nav-next:hover, .swiper-vow .slider-nested-nav-next:hover { background: url('https\3A \2F \2F s3\2E amazonaws\2E com\2F files\2E collageplatform\2E com\2E prod\2F application\2F 5f5a43b313a837455d8b4567\2F 2cdfa5fb858fdf9cee1e8765021ee4c4\2E png') no-repeat; background-size: 32px 116px; background-position: -16px -32px; border: 0; } @media all and (max-width: 320px) { .slider-nav-next, .slider-nav-prev, .swiper-vow .slider-nav-next, .swiper-vow .slider-nav-prev, .swiper-vow .slider-nested-nav-prev, .swiper-vow .slider-nested-nav-next { width: 13px; height: 26px; margin-top: -13px; } .slider-nav-prev, .swiper-vow .slider-nav-prev, .swiper-vow .slider-nested-nav-prev { background-position: 0 -64px; } .slider-nav-prev:hover, .swiper-vow .slider-nav-prev:hover, .swiper-vow .slider-nested-nav-prev:hover { background-position: 0 -90px; } .slider-nav-next, .swiper-vow .slider-nav-next, .swiper-vow .slider-nested-nav-next { background-position: -13px -64px; } .slider-nav-next:hover, .swiper-vow .slider-nav-next:hover, .swiper-vow .slider-nested-nav-next:hover { background-position: -13px -90px; } }