.container { max-width: 1600px; } .custom-grid .entry { width: 23.125%; margin-right: 2.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 75.135135135135%; 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-e1 .entry { width: 31.25%; margin-right: 3.125%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-e1 .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-e1 .entry .placeholder { padding-top: 75%; background: inherit; } .custom-grid-e1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .detail-page .custom-grid-e1 .entry { width: 23.125%; margin-right: 2.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-e1 .entry:nth-child(4n+4) { margin-right: 0; } .detail-page .custom-grid-e1 .entry .placeholder { padding-top: 75.135135135135%; background: inherit; } .detail-page .custom-grid-e1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .detail-page .custom-grid-a1 .entry { width: 23.125%; margin-right: 2.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-a1 .entry:nth-child(4n+4) { margin-right: 0; } .detail-page .custom-grid-a1 .entry .placeholder { padding-top: 75.135135135135%; background: inherit; } .detail-page .custom-grid-a1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-p1 .entry { width: 23.125%; margin-right: 2.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-p1 .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-p1 .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-p1 .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-p1 .entry { width: 23.125%; margin-right: 2.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-p1 .entry:nth-child(4n+4) { margin-right: 0; } .detail-page .custom-grid-p1 .entry .placeholder { padding-top: 91.891891891892%; background: inherit; } .detail-page .custom-grid-p1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-viewing-room .entry { width: 35.625%; margin-right: 28.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-viewing-room .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-viewing-room .entry .placeholder { padding-top: 75.087719298246%; background: inherit; } .custom-grid-viewing-room .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: 23.125%; margin-right: 2.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-press .entry:nth-child(4n+4) { margin-right: 0; } .detail-page .custom-grid-press .entry .placeholder { padding-top: 75.135135135135%; 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-viewing-room-new .entry { width: 48.4375%; margin-right: 3.125%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-viewing-room-new .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-viewing-room-new .entry .placeholder { padding-top: 74.967741935484%; background: inherit; } .custom-grid-viewing-room-new .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-viewing-room-new .entry { width: 23.125%; margin-right: 2.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-viewing-room-new .entry:nth-child(4n+4) { margin-right: 0; } .detail-page .custom-grid-viewing-room-new .entry .placeholder { padding-top: 75.135135135135%; background: inherit; } .detail-page .custom-grid-viewing-room-new .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-videos .entry { width: 21.875%; margin-right: 17.1875%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-videos .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-videos .entry .placeholder { padding-top: 66.571428571429%; background: inherit; } .custom-grid-videos .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: 23.125%; margin-right: 2.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4){ margin-right: 2.5%; } .custom-grid .entry:nth-child(4n+4){ margin-right: 2.5%; } .custom-grid .entry:nth-child(3n+3){ margin-right: 2.5%; } .custom-grid .entry:nth-child(2n+2){ margin-right: 2.5%; } .custom-grid .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 75.135135135135%; 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-e1 .entry { width: 31.25%; margin-right: 3.125%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 3.125%; } .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 3.125%; } .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 3.125%; } .custom-grid-e1 .entry:nth-child(2n+2){ margin-right: 3.125%; } .custom-grid-e1 .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-e1 .entry .placeholder { padding-top: 75%; background: inherit; } .custom-grid-e1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .detail-page .custom-grid-e1 .entry { width: 23.125%; margin-right: 2.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-e1 .entry:nth-child(4n+4){ margin-right: 2.5%; } .detail-page .custom-grid-e1 .entry:nth-child(4n+4){ margin-right: 2.5%; } .detail-page .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 2.5%; } .detail-page .custom-grid-e1 .entry:nth-child(2n+2){ margin-right: 2.5%; } .detail-page .custom-grid-e1 .entry:nth-child(4n+4) { margin-right: 0; } .detail-page .custom-grid-e1 .entry .placeholder { padding-top: 75.135135135135%; background: inherit; } .detail-page .custom-grid-e1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .detail-page .custom-grid-a1 .entry { width: 23.125%; margin-right: 2.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-a1 .entry:nth-child(4n+4){ margin-right: 2.5%; } .detail-page .custom-grid-a1 .entry:nth-child(4n+4){ margin-right: 2.5%; } .detail-page .custom-grid-a1 .entry:nth-child(3n+3){ margin-right: 2.5%; } .detail-page .custom-grid-a1 .entry:nth-child(2n+2){ margin-right: 2.5%; } .detail-page .custom-grid-a1 .entry:nth-child(4n+4) { margin-right: 0; } .detail-page .custom-grid-a1 .entry .placeholder { padding-top: 75.135135135135%; background: inherit; } .detail-page .custom-grid-a1 .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-p1 .entry { width: 30.833333333333%; margin-right: 3.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-p1 .entry:nth-child(4n+4){ margin-right: 3.75%; } .custom-grid-p1 .entry:nth-child(3n+3){ margin-right: 3.75%; } .custom-grid-p1 .entry:nth-child(2n+2){ margin-right: 3.75%; } .custom-grid-p1 .entry:nth-child(2n+2){ margin-right: 3.75%; } .custom-grid-p1 .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-p1 .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-p1 .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-p1 .entry { width: 23.125%; margin-right: 2.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-p1 .entry:nth-child(4n+4){ margin-right: 2.5%; } .detail-page .custom-grid-p1 .entry:nth-child(4n+4){ margin-right: 2.5%; } .detail-page .custom-grid-p1 .entry:nth-child(3n+3){ margin-right: 2.5%; } .detail-page .custom-grid-p1 .entry:nth-child(2n+2){ margin-right: 2.5%; } .detail-page .custom-grid-p1 .entry:nth-child(4n+4) { margin-right: 0; } .detail-page .custom-grid-p1 .entry .placeholder { padding-top: 91.891891891892%; background: inherit; } .detail-page .custom-grid-p1 .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-viewing-room .entry { width: 35.625%; margin-right: 28.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-viewing-room .entry:nth-child(2n+2){ margin-right: 28.75%; } .custom-grid-viewing-room .entry:nth-child(2n+2){ margin-right: 28.75%; } .custom-grid-viewing-room .entry:nth-child(2n+2){ margin-right: 28.75%; } .custom-grid-viewing-room .entry:nth-child(1n+1){ margin-right: 28.75%; } .custom-grid-viewing-room .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-viewing-room .entry .placeholder { padding-top: 75.087719298246%; background: inherit; } .custom-grid-viewing-room .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: 23.125%; margin-right: 2.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-press .entry:nth-child(4n+4){ margin-right: 2.5%; } .detail-page .custom-grid-press .entry:nth-child(4n+4){ margin-right: 2.5%; } .detail-page .custom-grid-press .entry:nth-child(3n+3){ margin-right: 2.5%; } .detail-page .custom-grid-press .entry:nth-child(2n+2){ margin-right: 2.5%; } .detail-page .custom-grid-press .entry:nth-child(4n+4) { margin-right: 0; } .detail-page .custom-grid-press .entry .placeholder { padding-top: 75.135135135135%; 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-viewing-room-new .entry { width: 48.4375%; margin-right: 3.125%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-viewing-room-new .entry:nth-child(2n+2){ margin-right: 3.125%; } .custom-grid-viewing-room-new .entry:nth-child(2n+2){ margin-right: 3.125%; } .custom-grid-viewing-room-new .entry:nth-child(2n+2){ margin-right: 3.125%; } .custom-grid-viewing-room-new .entry:nth-child(1n+1){ margin-right: 3.125%; } .custom-grid-viewing-room-new .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-viewing-room-new .entry .placeholder { padding-top: 74.967741935484%; background: inherit; } .custom-grid-viewing-room-new .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-viewing-room-new .entry { width: 23.125%; margin-right: 2.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-viewing-room-new .entry:nth-child(4n+4){ margin-right: 2.5%; } .detail-page .custom-grid-viewing-room-new .entry:nth-child(4n+4){ margin-right: 2.5%; } .detail-page .custom-grid-viewing-room-new .entry:nth-child(3n+3){ margin-right: 2.5%; } .detail-page .custom-grid-viewing-room-new .entry:nth-child(2n+2){ margin-right: 2.5%; } .detail-page .custom-grid-viewing-room-new .entry:nth-child(4n+4) { margin-right: 0; } .detail-page .custom-grid-viewing-room-new .entry .placeholder { padding-top: 75.135135135135%; background: inherit; } .detail-page .custom-grid-viewing-room-new .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-videos .entry { width: 21.875%; margin-right: 17.1875%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-videos .entry:nth-child(3n+3){ margin-right: 17.1875%; } .custom-grid-videos .entry:nth-child(3n+3){ margin-right: 17.1875%; } .custom-grid-videos .entry:nth-child(2n+2){ margin-right: 17.1875%; } .custom-grid-videos .entry:nth-child(2n+2){ margin-right: 17.1875%; } .custom-grid-videos .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-videos .entry .placeholder { padding-top: 66.571428571429%; background: inherit; } .custom-grid-videos .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid .entry { width: 30.833333333333%; margin-right: 3.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4){ margin-right: 3.75%; } .custom-grid .entry:nth-child(4n+4){ margin-right: 3.75%; } .custom-grid .entry:nth-child(3n+3){ margin-right: 3.75%; } .custom-grid .entry:nth-child(2n+2){ margin-right: 3.75%; } .custom-grid .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 75.135135135135%; 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-e1 .entry { width: 31.25%; margin-right: 3.125%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 3.125%; } .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 3.125%; } .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 3.125%; } .custom-grid-e1 .entry:nth-child(2n+2){ margin-right: 3.125%; } .custom-grid-e1 .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-e1 .entry .placeholder { padding-top: 75%; background: inherit; } .custom-grid-e1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .detail-page .custom-grid-e1 .entry { width: 30.833333333333%; margin-right: 3.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-e1 .entry:nth-child(4n+4){ margin-right: 3.75%; } .detail-page .custom-grid-e1 .entry:nth-child(4n+4){ margin-right: 3.75%; } .detail-page .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 3.75%; } .detail-page .custom-grid-e1 .entry:nth-child(2n+2){ margin-right: 3.75%; } .detail-page .custom-grid-e1 .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-e1 .entry .placeholder { padding-top: 75.135135135135%; background: inherit; } .detail-page .custom-grid-e1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .detail-page .custom-grid-a1 .entry { width: 30.833333333333%; margin-right: 3.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-a1 .entry:nth-child(4n+4){ margin-right: 3.75%; } .detail-page .custom-grid-a1 .entry:nth-child(4n+4){ margin-right: 3.75%; } .detail-page .custom-grid-a1 .entry:nth-child(3n+3){ margin-right: 3.75%; } .detail-page .custom-grid-a1 .entry:nth-child(2n+2){ margin-right: 3.75%; } .detail-page .custom-grid-a1 .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-a1 .entry .placeholder { padding-top: 75.135135135135%; background: inherit; } .detail-page .custom-grid-a1 .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-p1 .entry { width: 46.25%; margin-right: 7.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-p1 .entry:nth-child(4n+4){ margin-right: 7.5%; } .custom-grid-p1 .entry:nth-child(3n+3){ margin-right: 7.5%; } .custom-grid-p1 .entry:nth-child(2n+2){ margin-right: 7.5%; } .custom-grid-p1 .entry:nth-child(2n+2){ margin-right: 7.5%; } .custom-grid-p1 .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-p1 .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-p1 .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-p1 .entry { width: 30.833333333333%; margin-right: 3.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-p1 .entry:nth-child(4n+4){ margin-right: 3.75%; } .detail-page .custom-grid-p1 .entry:nth-child(4n+4){ margin-right: 3.75%; } .detail-page .custom-grid-p1 .entry:nth-child(3n+3){ margin-right: 3.75%; } .detail-page .custom-grid-p1 .entry:nth-child(2n+2){ margin-right: 3.75%; } .detail-page .custom-grid-p1 .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-p1 .entry .placeholder { padding-top: 91.891891891892%; background: inherit; } .detail-page .custom-grid-p1 .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-viewing-room .entry { width: 35.625%; margin-right: 28.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-viewing-room .entry:nth-child(2n+2){ margin-right: 28.75%; } .custom-grid-viewing-room .entry:nth-child(2n+2){ margin-right: 28.75%; } .custom-grid-viewing-room .entry:nth-child(2n+2){ margin-right: 28.75%; } .custom-grid-viewing-room .entry:nth-child(1n+1){ margin-right: 28.75%; } .custom-grid-viewing-room .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-viewing-room .entry .placeholder { padding-top: 75.087719298246%; background: inherit; } .custom-grid-viewing-room .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: 30.833333333333%; margin-right: 3.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-press .entry:nth-child(4n+4){ margin-right: 3.75%; } .detail-page .custom-grid-press .entry:nth-child(4n+4){ margin-right: 3.75%; } .detail-page .custom-grid-press .entry:nth-child(3n+3){ margin-right: 3.75%; } .detail-page .custom-grid-press .entry:nth-child(2n+2){ margin-right: 3.75%; } .detail-page .custom-grid-press .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-press .entry .placeholder { padding-top: 75.135135135135%; 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-viewing-room-new .entry { width: 48.4375%; margin-right: 3.125%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-viewing-room-new .entry:nth-child(2n+2){ margin-right: 3.125%; } .custom-grid-viewing-room-new .entry:nth-child(2n+2){ margin-right: 3.125%; } .custom-grid-viewing-room-new .entry:nth-child(2n+2){ margin-right: 3.125%; } .custom-grid-viewing-room-new .entry:nth-child(1n+1){ margin-right: 3.125%; } .custom-grid-viewing-room-new .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-viewing-room-new .entry .placeholder { padding-top: 74.967741935484%; background: inherit; } .custom-grid-viewing-room-new .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-viewing-room-new .entry { width: 30.833333333333%; margin-right: 3.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-viewing-room-new .entry:nth-child(4n+4){ margin-right: 3.75%; } .detail-page .custom-grid-viewing-room-new .entry:nth-child(4n+4){ margin-right: 3.75%; } .detail-page .custom-grid-viewing-room-new .entry:nth-child(3n+3){ margin-right: 3.75%; } .detail-page .custom-grid-viewing-room-new .entry:nth-child(2n+2){ margin-right: 3.75%; } .detail-page .custom-grid-viewing-room-new .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-viewing-room-new .entry .placeholder { padding-top: 75.135135135135%; background: inherit; } .detail-page .custom-grid-viewing-room-new .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-videos .entry { width: 32.8125%; margin-right: 34.375%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-videos .entry:nth-child(3n+3){ margin-right: 34.375%; } .custom-grid-videos .entry:nth-child(3n+3){ margin-right: 34.375%; } .custom-grid-videos .entry:nth-child(2n+2){ margin-right: 34.375%; } .custom-grid-videos .entry:nth-child(2n+2){ margin-right: 34.375%; } .custom-grid-videos .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-videos .entry .placeholder { padding-top: 66.571428571429%; background: inherit; } .custom-grid-videos .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid .entry { width: 46.25%; margin-right: 7.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4){ margin-right: 7.5%; } .custom-grid .entry:nth-child(4n+4){ margin-right: 7.5%; } .custom-grid .entry:nth-child(3n+3){ margin-right: 7.5%; } .custom-grid .entry:nth-child(2n+2){ margin-right: 7.5%; } .custom-grid .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 75.135135135135%; 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-e1 .entry { width: 46.875%; margin-right: 6.25%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 6.25%; } .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 6.25%; } .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 6.25%; } .custom-grid-e1 .entry:nth-child(2n+2){ margin-right: 6.25%; } .custom-grid-e1 .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-e1 .entry .placeholder { padding-top: 75%; background: inherit; } .custom-grid-e1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .detail-page .custom-grid-e1 .entry { width: 46.25%; margin-right: 7.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-e1 .entry:nth-child(4n+4){ margin-right: 7.5%; } .detail-page .custom-grid-e1 .entry:nth-child(4n+4){ margin-right: 7.5%; } .detail-page .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 7.5%; } .detail-page .custom-grid-e1 .entry:nth-child(2n+2){ margin-right: 7.5%; } .detail-page .custom-grid-e1 .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-e1 .entry .placeholder { padding-top: 75.135135135135%; background: inherit; } .detail-page .custom-grid-e1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .detail-page .custom-grid-a1 .entry { width: 46.25%; margin-right: 7.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-a1 .entry:nth-child(4n+4){ margin-right: 7.5%; } .detail-page .custom-grid-a1 .entry:nth-child(4n+4){ margin-right: 7.5%; } .detail-page .custom-grid-a1 .entry:nth-child(3n+3){ margin-right: 7.5%; } .detail-page .custom-grid-a1 .entry:nth-child(2n+2){ margin-right: 7.5%; } .detail-page .custom-grid-a1 .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-a1 .entry .placeholder { padding-top: 75.135135135135%; background: inherit; } .detail-page .custom-grid-a1 .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-p1 .entry { width: 46.25%; margin-right: 7.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-p1 .entry:nth-child(4n+4){ margin-right: 7.5%; } .custom-grid-p1 .entry:nth-child(3n+3){ margin-right: 7.5%; } .custom-grid-p1 .entry:nth-child(2n+2){ margin-right: 7.5%; } .custom-grid-p1 .entry:nth-child(2n+2){ margin-right: 7.5%; } .custom-grid-p1 .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-p1 .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-p1 .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-p1 .entry { width: 46.25%; margin-right: 7.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-p1 .entry:nth-child(4n+4){ margin-right: 7.5%; } .detail-page .custom-grid-p1 .entry:nth-child(4n+4){ margin-right: 7.5%; } .detail-page .custom-grid-p1 .entry:nth-child(3n+3){ margin-right: 7.5%; } .detail-page .custom-grid-p1 .entry:nth-child(2n+2){ margin-right: 7.5%; } .detail-page .custom-grid-p1 .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-p1 .entry .placeholder { padding-top: 91.891891891892%; background: inherit; } .detail-page .custom-grid-p1 .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-viewing-room .entry { width: 100%; margin-right: 0%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-viewing-room .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-viewing-room .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-viewing-room .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-viewing-room .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-viewing-room .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-viewing-room .entry .placeholder { padding-top: 75.087719298246%; background: inherit; } .custom-grid-viewing-room .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: 46.25%; margin-right: 7.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-press .entry:nth-child(4n+4){ margin-right: 7.5%; } .detail-page .custom-grid-press .entry:nth-child(4n+4){ margin-right: 7.5%; } .detail-page .custom-grid-press .entry:nth-child(3n+3){ margin-right: 7.5%; } .detail-page .custom-grid-press .entry:nth-child(2n+2){ margin-right: 7.5%; } .detail-page .custom-grid-press .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-press .entry .placeholder { padding-top: 75.135135135135%; 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-viewing-room-new .entry { width: 100%; margin-right: 0%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-viewing-room-new .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-viewing-room-new .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-viewing-room-new .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-viewing-room-new .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-viewing-room-new .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-viewing-room-new .entry .placeholder { padding-top: 74.967741935484%; background: inherit; } .custom-grid-viewing-room-new .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-viewing-room-new .entry { width: 46.25%; margin-right: 7.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-viewing-room-new .entry:nth-child(4n+4){ margin-right: 7.5%; } .detail-page .custom-grid-viewing-room-new .entry:nth-child(4n+4){ margin-right: 7.5%; } .detail-page .custom-grid-viewing-room-new .entry:nth-child(3n+3){ margin-right: 7.5%; } .detail-page .custom-grid-viewing-room-new .entry:nth-child(2n+2){ margin-right: 7.5%; } .detail-page .custom-grid-viewing-room-new .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-viewing-room-new .entry .placeholder { padding-top: 75.135135135135%; background: inherit; } .detail-page .custom-grid-viewing-room-new .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-videos .entry { width: 32.8125%; margin-right: 34.375%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-videos .entry:nth-child(3n+3){ margin-right: 34.375%; } .custom-grid-videos .entry:nth-child(3n+3){ margin-right: 34.375%; } .custom-grid-videos .entry:nth-child(2n+2){ margin-right: 34.375%; } .custom-grid-videos .entry:nth-child(2n+2){ margin-right: 34.375%; } .custom-grid-videos .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-videos .entry .placeholder { padding-top: 66.571428571429%; background: inherit; } .custom-grid-videos .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* GLOBAL CSS */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ @import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=4e8b2c31-2efb-4176-b81d-c5c905ae8327"); /* ---------------------------------------------------- */ /* HELVETICA NOW */ /* ---------------------------------------------------- */ /* 100 - THIN (HAIRLINE) */ /* -------------------------------------- */ /* 200 - EXTRA LIGHT (ULTRA LIGHT) */ /* -------------------------------------- */ /* 300 - LIGHT */ /* -------------------------------------- */ /* 400 - NORMAL (REGULAR) */ @font-face{ font-family:"Helvetica Now"; /*font-family:"Helvetica Now Text W05 Regular";*/ src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/675c7754605ea781900ec16e/5eec4451-e90c-42e7-b4d8-9b8654a65568.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/675c7754605ea781900ec16e/f7cf763b-e79b-4c28-af92-803e0c3f16d4.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face{ font-family:"Helvetica Now"; /*font-family:"Helvetica Now Text W05 Italic";*/ src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/675c7754605ea781900ec16e/db2aea0d-59aa-466a-b1c2-17f44663a0fe.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/675c7754605ea781900ec16e/d99c363f-9e4a-47f4-b101-0ae1202ccd23.woff") format("woff"); font-weight: 400; font-style: italic; } /* -------------------------------------- */ /* 500 - MEDIUM */ /* -------------------------------------- */ /* 600 - SEMIBOLD (DEMIBOLD) */ /* -------------------------------------- */ /* 700 - BOLD */ @font-face{ font-family:"Helvetica Now"; /*font-family:"Helvetica Now Text W05 Bold";*/ src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/675c7754605ea781900ec16e/2a13627f-dba8-48e1-935c-a404f5293139.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/675c7754605ea781900ec16e/ce7a1fe7-2605-427a-b064-a01ebce69295.woff") format("woff"); font-weight: 700; font-style: normal; } @font-face{ font-family:"Helvetica Now"; /*font-family:"Helvetica Now Text W05 Bold It";*/ src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/675c7754605ea781900ec16e/5dac2c2b-17c2-4d43-9e12-4d58e606d121.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/675c7754605ea781900ec16e/971a882a-be5d-4dc8-b37f-cd9182a2cd17.woff") format("woff"); font-weight: 700; font-style: italic; } /* -------------------------------------- */ /* 800 - EXTRA BOLD (ULTRA BOLD) */ /* -------------------------------------- */ /* 900 - BLACK (HEAVY) */ /* -------------------------------------- */ /* 950 / 1000 - EXTRA BLACK (ULTRA BLACK) */ /* -------------------------------------- */ /* ---------------------------------------------------- */ /* CENTURY SCHOOLBOOK MONOSPACED */ /* ---------------------------------------------------- */ /* 100 - THIN (HAIRLINE) */ /* -------------------------------------- */ /* 200 - EXTRA LIGHT (ULTRA LIGHT) */ /* -------------------------------------- */ /* 300 - LIGHT */ /* -------------------------------------- */ /* 400 - NORMAL (REGULAR) */ @font-face{ font-family:"Century Schoolbook Monospaced"; /*font-family:"CentSchbook Mono BT W011455489";*/ src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/675c7754605ea781900ec16e/f6b9216d-cfb0-4907-9104-572e1d5a3d75.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/675c7754605ea781900ec16e/32aea613-4557-411d-8fea-78b733d66096.woff") format("woff"); font-weight: 400; font-style: normal; } /* -------------------------------------- */ /* 500 - MEDIUM */ /* -------------------------------------- */ /* 600 - SEMIBOLD (DEMIBOLD) */ /* -------------------------------------- */ /* 700 - BOLD */ /* -------------------------------------- */ /* 800 - EXTRA BOLD (ULTRA BOLD) */ /* -------------------------------------- */ /* 900 - BLACK (HEAVY) */ /* -------------------------------------- */ /* 950 / 1000 - EXTRA BLACK (ULTRA BLACK) */ /* -------------------------------------- */ /* ---------------------------------------------------- */ /* UNIFORM CONDENSED */ /* ---------------------------------------------------- */ /* 100 - THIN (HAIRLINE) */ /* -------------------------------------- */ /* 200 - EXTRA LIGHT (ULTRA LIGHT) */ /* -------------------------------------- */ /* 300 - LIGHT */ /* -------------------------------------- */ /* 400 - NORMAL (REGULAR) */ @font-face{ font-family:"Uniform Condensed"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/675c7754605ea781900ec16e/Uniform-Condensed-Medium.ttf"); font-weight: 400; font-style: normal; } /* -------------------------------------- */ /* 500 - MEDIUM */ /* -------------------------------------- */ /* 600 - SEMIBOLD (DEMIBOLD) */ /* -------------------------------------- */ /* 700 - BOLD */ @font-face{ font-family:"Uniform Condensed"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/675c7754605ea781900ec16e/Uniform-Condensed-Bold.ttf"); font-weight: 700; font-style: normal; } /* -------------------------------------- */ /* 800 - EXTRA BOLD (ULTRA BOLD) */ /* -------------------------------------- */ /* 900 - BLACK (HEAVY) */ /* -------------------------------------- */ /* 950 / 1000 - EXTRA BLACK (ULTRA BLACK) */ /* -------------------------------------- */ /* ---------------------------------------------------- */ /* ROUNDS */ /* ---------------------------------------------------- */ /* 100 - THIN (HAIRLINE) */ /* -------------------------------------- */ /* 200 - EXTRA LIGHT (ULTRA LIGHT) */ /* -------------------------------------- */ /* 300 - LIGHT */ /* -------------------------------------- */ /* 400 - NORMAL (REGULAR) */ @font-face{ font-family:"Rounds"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/675c7754605ea781900ec16e/TTRounds-Bold.otf"); font-weight: 400; font-style: normal; } /* -------------------------------------- */ /* 500 - MEDIUM */ /* -------------------------------------- */ /* 600 - SEMIBOLD (DEMIBOLD) */ /* -------------------------------------- */ /* 700 - BOLD */ @font-face{ font-family:"Rounds"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/675c7754605ea781900ec16e/TTRounds-Black.otf"); font-weight: 700; font-style: normal; } /* -------------------------------------- */ /* 800 - EXTRA BOLD (ULTRA BOLD) */ /* -------------------------------------- */ /* 900 - BLACK (HEAVY) */ /* -------------------------------------- */ /* 950 / 1000 - EXTRA BLACK (ULTRA BLACK) */ /* -------------------------------------- */ /* ---------------------------------------------------- */ /* SIGN LETTERS JNL */ /* ---------------------------------------------------- */ /* 100 - THIN (HAIRLINE) */ /* -------------------------------------- */ /* 200 - EXTRA LIGHT (ULTRA LIGHT) */ /* -------------------------------------- */ /* 300 - LIGHT */ /* -------------------------------------- */ /* 400 - NORMAL (REGULAR) */ @font-face{ font-family:"Sign Letters JNL"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/675c7754605ea781900ec16e/SignLettersJNL.otf"); font-weight: 400; font-style: normal; } /* -------------------------------------- */ /* 500 - MEDIUM */ /* -------------------------------------- */ /* 600 - SEMIBOLD (DEMIBOLD) */ /* -------------------------------------- */ /* 700 - BOLD */ /* -------------------------------------- */ /* 800 - EXTRA BOLD (ULTRA BOLD) */ /* -------------------------------------- */ /* 900 - BLACK (HEAVY) */ /* -------------------------------------- */ /* 950 / 1000 - EXTRA BLACK (ULTRA BLACK) */ /* -------------------------------------- */ /* ---------------------------------------------------- */ /* FOLD */ /* ---------------------------------------------------- */ /* 100 - THIN (HAIRLINE) */ /* -------------------------------------- */ /* 200 - EXTRA LIGHT (ULTRA LIGHT) */ /* -------------------------------------- */ /* 300 - LIGHT */ /* -------------------------------------- */ /* 400 - NORMAL (REGULAR) */ @font-face{ font-family:"Fold-Grotesque"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/675c7754605ea781900ec16e/fold-grotesque-regular-pro.otf"); font-weight: 400; font-style: normal; } @font-face{ font-family:"Fold-Grotesque"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/675c7754605ea781900ec16e/fold-grotesque-italic-pro.otf"); font-weight: 400; font-style: italic; } /* -------------------------------------- */ /* 500 - MEDIUM */ @font-face{ font-family:"Fold-Grotesque"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/675c7754605ea781900ec16e/fold-grotesque-medium-pro.otf"); font-weight: 500; font-style: normal; } @font-face{ font-family:"Fold-Grotesque"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/675c7754605ea781900ec16e/fold-grotesque-medium-italic-pro.otf"); font-weight: 500; font-style: italic; } /* -------------------------------------- */ /* 600 - SEMIBOLD (DEMIBOLD) */ /* -------------------------------------- */ /* 700 - BOLD */ @font-face{ font-family:"Fold-Grotesque"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/675c7754605ea781900ec16e/fold-grotesque-bold-pro.otf"); font-weight: 700; font-style: normal; } @font-face{ font-family:"Fold-Grotesque"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/675c7754605ea781900ec16e/fold-grotesque-bold-italic-pro.otf"); font-weight: 700; font-style: italic; } /* -------------------------------------- */ /* 800 - EXTRA BOLD (ULTRA BOLD) */ /* -------------------------------------- */ /* 900 - BLACK (HEAVY) */ /* -------------------------------------- */ /* 950 / 1000 - EXTRA BLACK (ULTRA BLACK) */ /* -------------------------------------- */ HTML,body{ font: 16px 'Fold-Grotesque', sans-serif; line-height:1.7; letter-spacing:0; background: #ffffff; color: #000000; } .paragraph-styling p{ font-size:inherit; line-height:inherit; margin-bottom:1em; letter-spacing:.01em; } /* match title underline styling */ p u{ text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:.2em; } .divider{ border-color: #e8e8e8; } /* -------------------------------------- */ /* HOVER STATES */ /* -------------------------------------- */ a{color:#808080;} a:hover{color:#000000;} a:hover h1, a:hover h2, a:hover h3, a:hover .title, a:hover .subtitle, a:hover .date, a:hover .additional-text{ color:#808080 !important; } /* -------------------------------------- */ /* ENTRY HOVER ANIMATIONS */ /* -------------------------------------- */ .entry .image{ overflow:hidden; } .entry .image img{ filter:brightness(97%); transition:transform .7s, filter .7s; } .entry:hover .image img{ filter:brightness(100%); transform:scale(1.05); transition:transform .3s, filter .3s; } #large .entry:hover .image img{ transform:scale(1.02); transition:transform .3s, filter .3s; } #viewing-room-grid .entry:hover .image img{ transform:scale(1.02); transition:transform .3s, filter .3s; } .squared .thumbnail-container .thumbnail-square { transition:transform .7s; } .squared .thumbnail-container .thumbnail-square:hover { transform:scale(1.03); transition:transform .3s; } /* -------------------------------------- */ /* SELECTION COLOR */ /* -------------------------------------- */ /*::selection {color:#ffffff;background:#000000;}*/ /*::-moz-selection {color:#ffffff;background:#000000;}*/ /* -------------------------------------- */ /* REMOVE EXTRANEOUS SPACING */ /* -------------------------------------- */ .exhibitions.home .headers, .exhibitions.home .medium .headers, .exhibitions.home .small .headers{padding-top: 0;} .image img{display:block;} .inquireBox img {display:block;} .grid {line-height:unset;} /* -------------------------------------- */ /* SPACE BELOW ALL THUMBNAILS */ /* -------------------------------------- */ .placeholder, .thumb{ margin-bottom:10px !important; } .text-one-column-with-image div + p{ margin-top:10px; } /* -------------------------------------- */ /* RESET H1 H2 H3 H4 TITLE SUB DATE */ /* -------------------------------------- */ h1, h2, h3, h4, .title, .subtitle, .date, .exhibitions h1, .exhibitions .medium h1, .news .list h1, .news h1, .news h2, .news h3, .press .title, .item-header h1, header h1, .news-thumbs.fixed-font .titles, .news-thumbs.fixed-font .title, .news-thumbs.fixed-font .entry .subtitle, .press.home .press-thumbs.fixed-font .titles, .press.home .press-thumbs.fixed-font .title, .entries.fixed-font .titles, .entries.fixed-font .title, .entries.fixed-font .date, .entries.fixed-font .subtitle, .fixed-font .entries .date { font-size:inherit; line-height:inherit; text-transform:initial; letter-spacing:inherit; color:#000000; padding:0 0 0 0; /*DO NOT CHANGE - MOBILE WILL OVEWRITE*/ margin: 0 0 0 0; } /* -------------------------------------- */ /* RESET LINKS A LINE-HEIGHTS */ /* -------------------------------------- */ .links a, .links a:last-of-type { line-height:inherit; } /* -------------------------------------- */ /* CAPTIONS */ /* -------------------------------------- */ .thumbnail-caption p, figcaption h1, figcaption h2, figcaption p, .slide figcaption, .slide figcaption p, .slide figcaption p.image-title, .caption .description, .caption h1, .caption h2, .caption h3, .caption-snippet p, .caption p, .image .caption p { font-size: .7rem; line-height: 1.4; margin-top:0; margin-bottom:0; color:#000000; } .text-one-column-with-image.banner-image .caption, .caption { margin-top:10px; } /* -------------------------------------- */ /* SUMMARY */ /* -------------------------------------- */ .summary{ margin-top:1em; } /* -------------------------------------- */ .section-header.divider{ /*border-color:#ff0000;*/ border-color:transparent; } /* -------------------------------------- */ /* --------------------------------------------------------- */ /* DROP DOWN MENUS */ /* --------------------------------------------------------- */ /* fix 1px shift mis-alignment */ .dropdown > .divider{left: -1px;} /*border colors and top/bottom padding*/ .dropdown-root .divider{ border-color:#000000; 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/675c7754605ea781900ec16e/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{ display: block; white-space: nowrap; padding: 4px 4px 4px 10px; margin: 0; /*EDIT FONT STYLING*/ font-size: inherit !important; } /*view all link spacing styling*/ .filter-items .association-filter {margin-right: 20px;} .filter-clear{ white-space: nowrap; /*EDIT FONT STYLING*/ font-size: inherit !important; } #site-index-urls{ padding-bottom:80px; } /* --------------------------------------------------------- */ /* FORMS */ /* --------------------------------------------------------- */ form.inquire input[type=text], form.inquire textarea, form input, form input[type=email], form input[type=password], form input[type=text], form select, form textarea { display: block; border: 1px solid #ccc; font-size: inherit; line-height:normal; padding: 10px 10px 10px 10px; height: auto; background: #fff; margin-bottom: 15px; width: 100%; box-sizing:border-box; outline:0!important; } form textarea:focus, form input:focus{ border-color:#000000; } form button, .inquireBox .submit{ background-color:#ffffff; border:1px solid #000000; padding: 5px 15px 5px 15px; margin-top:7px; display:inline-block; line-height:1.4; color: #000000; } form button:hover, .inquireBox .submit:hover{; color: #ffffff; background-color: #000000; } /* --------------------------------------------------------- */ /* INQUIRE */ /* --------------------------------------------------------- */ .inquireBox .header{ display:none; } .container.inquireWrapper{ max-width:1080px; } .inquireBox .left{ margin-top:.5em; } form.inquire label{ font-size:12px; text-transform:initial; display: block; padding-bottom: 3px; } /* -------------------------------------------------------------------------- */ /* 2022 UPDATE MASTER RESET */ /* -------------------------------------------------------------------------- */ /* ARTIST [INFO] */ /* EXHIBTION [PRESS-RELEASE-1] */ /* PUBLIC EXHIBITIONS [PRESS-RELEASE-1] */ /* ARTFAIRS [INFO] */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* SPACE BETWEEN */ /* -------------------------------------- */ .s-a1 section#info .text-one-column-with-image, .s-e1 section#press-release-1 .text-one-column-with-image, .s-public-exhibitions section#press-release1 .text-one-column-with-image, .s-artfairs section#info .text-one-column-with-image { padding-bottom: 80px; } .s-a1 section#info .text-one-column-with-image.large-image .image + .text > .container :first-child, .s-a1 section#info .text-one-column-with-image.banner-image .image + .text > .container :first-child, .s-e1 section#press-release-1 .text-one-column-with-image.large-image .image + .text > .container :first-child, .s-e1 section#press-release-1 .text-one-column-with-image.banner-image .image + .text > .container :first-child, .s-public-exhibitions section#press-release1 .text-one-column-with-image.large-image .image + .text > .container :first-child, .s-public-exhibitions section#press-release1 .text-one-column-with-image.banner-image .image + .text > .container :first-child .s-artfairs section#info .text-one-column-with-image.large-image .image + .text > .container :first-child, .s-artfairs section#info .text-one-column-with-image.banner-image .image + .text > .container :first-child{ margin-top: 80px; } /* -------------------------------------- */ /* MAX WIDTHS */ /* -------------------------------------- */ .s-a1 section#info .text-one-column-with-image:not(.large-image):not(.banner-image) .container, .s-e1 section#press-release-1 .text-one-column-with-image:not(.large-image):not(.banner-image) .container, .s-public-exhibitions section#press-release1 .text-one-column-with-image:not(.large-image):not(.banner-image) .container, .s-artfairs section#info .text-one-column-with-image:not(.large-image):not(.banner-image) .container{ max-width:1600px; } /* special width */ .s-a1 section#info .text-one-column-with-image.no-image .text .container, .s-a1 section#info .text-one-column-with-image.large-image .image + .text .container, .s-a1 section#info .text-one-column-with-image.banner-image .image + .text .container, .s-e1 section#press-release-1 .text-one-column-with-image.no-image .text .container, .s-e1 section#press-release-1 .text-one-column-with-image.large-image .image + .text .container, .s-e1 section#press-release-1 .text-one-column-with-image.banner-image .image + .text .container, .s-public-exhibitions section#press-release1 .text-one-column-with-image.no-image .text .container, .s-public-exhibitions section#press-release1 .text-one-column-with-image.large-image .image + .text .container, .s-public-exhibitions section#press-release1 .text-one-column-with-image.banner-image .image + .text .container, .s-artfairs section#info .text-one-column-with-image.no-image .text .container, .s-artfairs section#info .text-one-column-with-image.large-image .image + .text .container, .s-artfairs section#info .text-one-column-with-image.banner-image .image + .text .container{ max-width:826px; } /* -------------------------------------- */ /* TEXT TO IMAGE OFFSET */ /* -------------------------------------- */ .s-a1 section#info .text-one-column-with-image:not(.large-image):not(.banner-image) .image, .s-e1 section#press-release-1 .text-one-column-with-image:not(.large-image):not(.banner-image) .image, .s-public-exhibitions section#press-release1 .text-one-column-with-image:not(.large-image):not(.banner-image) .image, .s-artfairs section#info .text-one-column-with-image:not(.large-image):not(.banner-image) .image{ margin-top:.4em; } /* -------------------------------------- */ .s-a1 section#info .text-one-column-with-image .text > .container :last-child, .s-e1 section#press-release-1 .text-one-column-with-image .text > .container :last-child, .s-public-exhibitions section#press-release1 .text-one-column-with-image .text > .container :last-child, .s-artfairs section#info .text-one-column-with-image .text > .container :last-child{ /*border:1px solid #ff0000;*/ margin-bottom:0; } .s-a1 section#info .text-one-column-with-image.no-image .text, .s-e1 section#press-release-1 .text-one-column-with-image.no-image .text, .s-public-exhibitions section#press-release1 .text-one-column-with-image.no-image .text, .s-artfairs section#info .text-one-column-with-image.no-image .text{ float:none; width:100%; padding-left: 0; padding-right: 0; } .s-a1 section#info .text-one-column-with-image.banner-image .text, .s-a1 section#info .text-one-column-with-image.large-image .text, .s-a1 section#info .text-one-column-with-image .text, .s-e1 section#press-release-1 .text-one-column-with-image.banner-image .text, .s-e1 section#press-release-1 .text-one-column-with-image.large-image .text, .s-e1 section#press-release-1 .text-one-column-with-image .text, .s-public-exhibitions section#press-release1 .text-one-column-with-image.banner-image .text, .s-public-exhibitions section#press-release1 .text-one-column-with-image.large-image .text, .s-public-exhibitions section#press-release1 .text-one-column-with-image .text, .s-artfairs section#info .text-one-column-with-image.banner-image .text, .s-artfairs section#info .text-one-column-with-image.large-image .text, .s-artfairs section#info .text-one-column-with-image .text{ padding-bottom:0; } .s-a1 section#info .text-one-column-with-image.banner-image .image + .text, .s-a1 section#info .text-one-column-with-image.large-image .image + .text, .s-e1 section#press-release-1 .text-one-column-with-image.banner-image .image + .text, .s-e1 section#press-release-1 .text-one-column-with-image.large-image .image + .text, .s-public-exhibitions section#press-release1 .text-one-column-with-image.banner-image .image + .text, .s-public-exhibitions section#press-release1 .text-one-column-with-image.large-image .image + .text, .s-artfairs section#info .text-one-column-with-image.banner-image .image + .text, .s-artfairs section#info .text-one-column-with-image.large-image .image + .text { margin-top:0; } .s-a1 section#info .text-one-column-with-image.image-on-right .image, .s-e1 section#press-release-1 .text-one-column-with-image.image-on-right .image, .s-public-exhibitions section#press-release1 .text-one-column-with-image.image-on-right .image, .s-artfairs section#info .text-one-column-with-image.image-on-right .image{ text-align:left; } .s-a1 section#info .text-one-column-with-image.banner-image figure, .s-e1 section#press-release-1 .text-one-column-with-image.banner-image figure, .s-public-exhibitions section#press-release1 .text-one-column-with-image.banner-image figure, .s-artfairs section#info .text-one-column-with-image.banner-image figure { min-height: 100vh; pointer-events:none } @media only screen and (orientation: portrait) { .s-a1 section#info .text-one-column-with-image.banner-image figure, .s-e1 section#press-release-1 .text-one-column-with-image.banner-image figure, .s-public-exhibitions section#press-release1 .text-one-column-with-image.banner-image figure, .s-artfairs section#info .text-one-column-with-image.banner-image figure { min-height: 80vw; } } .s-a1 section#info .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image .caption, .s-a1 section#info .text-one-column-with-image.banner-image .image .caption, .s-a1 section#info .text-one-column-with-image.large-image .image .caption, .s-e1 section#press-release-1 .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image .caption, .s-e1 section#press-release-1 .text-one-column-with-image.banner-image .image .caption, .s-e1 section#press-release-1 .text-one-column-with-image.large-image .image .caption, .s-public-exhibitions section#press-release1 .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image .caption, .s-public-exhibitions section#press-release1 .text-one-column-with-image.banner-image .image .caption, .s-public-exhibitions section#press-release1 .text-one-column-with-image.large-image .image .caption, .s-artfairs section#info .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image .caption, .s-artfairs section#info .text-one-column-with-image.banner-image .image .caption, .s-artfairs section#info .text-one-column-with-image.large-image .image .caption{ text-align:center; max-width: 400px; margin-left: auto; margin-right: auto; } .s-a1 section#info .text-one-column-with-image.large-image .image img, .s-e1 section#press-release-1 .text-one-column-with-image.large-image .image img, .s-public-exhibitions section#press-release1 .text-one-column-with-image.large-image .image img, .s-artfairs section#info .text-one-column-with-image.large-image .image img{ margin-left: auto; margin-right: auto; /*max-height:100vh;*/ } .s-a1 section#info .text-one-column-with-image.banner-image .text .container, .s-e1 section#press-release-1 .text-one-column-with-image.banner-image .text .container, .s-public-exhibitions section#press-release1 .text-one-column-with-image.banner-image .text .container, .s-artfairs section#info .text-one-column-with-image.banner-image .text .container{ padding:0 20px; } /* -------------------------------------- */ /* CENTER CAPTIONS AND IMAGES */ .s-a1 section#info .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, .s-e1 section#press-release-1 .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, .s-public-exhibitions section#press-release1 .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, .s-artfairs section#info .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image{ text-align:center; } .s-a1 section#info .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image img, .s-e1 section#press-release-1 .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image img, .s-public-exhibitions section#press-release1 .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image img, .s-artfairs section#info .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image img{ margin-left: auto; margin-right: auto; } /* -------------------------------------- */ /*STICKY*/ .s-a1 section#info .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, .s-a1 section#info .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text, .s-e1 section#press-release-1 .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, .s-e1 section#press-release-1 .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text, .s-public-exhibitions section#press-release1 .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, .s-public-exhibitions section#press-release1 .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text, .s-artfairs section#info .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, .s-artfairs section#info .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text{ position:sticky; top:20px; } @media (max-width: 768px) { .s-a1 section#info .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, .s-a1 section#info .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text, .s-e1 section#press-release-1 .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, .s-e1 section#press-release-1 .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text, .s-public-exhibitions section#press-release1 .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, .s-public-exhibitions section#press-release1 .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text, .s-artfairs section#info .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, .s-artfairs section#info .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text{ position:relative; top:0; } } /* -------------------------------------- */ /* FLEX ALIGNMENT */ .s-a1 section#info .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) > .container, .s-e1 section#press-release-1 .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) > .container, .s-public-exhibitions section#press-release1 .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) > .container, .s-artfairs section#info .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) > .container{ display:flex; align-items: flex-start; } .s-a1 section#info .text-one-column-with-image.image-on-right:not(.large-image):not(.banner-image):not(.no-image) > .container, .s-e1 section#press-release-1 .text-one-column-with-image.image-on-right:not(.large-image):not(.banner-image):not(.no-image) > .container, .s-public-exhibitions section#press-release1 .text-one-column-with-image.image-on-right:not(.large-image):not(.banner-image):not(.no-image) > .container, .s-artfairs section#info .text-one-column-with-image.image-on-right:not(.large-image):not(.banner-image):not(.no-image) > .container{ flex-direction: row-reverse; } .s-a1 section#info .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text, .s-e1 section#press-release-1 .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text, .s-public-exhibitions section#press-release1 .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text, .s-artfairs section#info .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text{ align-self: center; float:none; } .s-a1 section#info .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, .s-e1 section#press-release-1 .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, .s-public-exhibitions section#press-release1 .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, .s-artfairs section#info .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image{ float:none; } /* -------------------------------------- */ /* LEFT RIGHT RATIO */ .s-a1 section#info .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text, .s-e1 section#press-release-1 .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text, .s-public-exhibitions section#press-release1 .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text, .s-artfairs section#info .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text { /*width: 53%;*/ width: 50%; box-sizing:border-box; } .s-a1 section#info .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, .s-e1 section#press-release-1 .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, .s-public-exhibitions section#press-release1 .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, .s-artfairs section#info .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image { /*width: 42%;*/ width: 50%; box-sizing:border-box; } .s-a1 section#info .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image + .text, .s-e1 section#press-release-1 .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image + .text, .s-public-exhibitions section#press-release1 .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image + .text, .s-artfairs section#info .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image + .text { padding-left:4%; padding-right:0; box-sizing:border-box; } .s-a1 section#info .text-one-column-with-image.image-on-right:not(.large-image):not(.banner-image):not(.no-image) .text, .s-e1 section#press-release-1 .text-one-column-with-image.image-on-right:not(.large-image):not(.banner-image):not(.no-image) .text, .s-public-exhibitions section#press-release1 .text-one-column-with-image.image-on-right:not(.large-image):not(.banner-image):not(.no-image) .text, .s-artfairs section#info .text-one-column-with-image.image-on-right:not(.large-image):not(.banner-image):not(.no-image) .text { padding-right:4%; padding-left:0; box-sizing:border-box; } @media (max-width: 768px) { .s-a1 section#info .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) > .container, .s-e1 section#press-release-1 .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) > .container, .s-public-exhibitions section#press-release1 .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) > .container, .s-artfairs section#info .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) > .container{ display:block; } .s-a1 section#info .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, .s-e1 section#press-release-1 .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, .s-public-exhibitions section#press-release1 .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, .s-artfairs section#info .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image{ margin-bottom:80px; } .s-a1 section#info .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image img, .s-e1 section#press-release-1 .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image img, .s-public-exhibitions section#press-release1 .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image img, .s-artfairs section#info .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image img{ margin-left:auto; margin-right:auto; } } /* -------------------------------------- */ /* WITH SLIDESHOW (TIS) */ .s-a1 section#info [data-slideshow-view] .container, .s-e1 section#press-release-1 [data-slideshow-view] .container, .s-public-exhibitions section#press-release1 [data-slideshow-view] .container, .s-artfairs section#info [data-slideshow-view] .container{ max-width:100%; } .s-a1 section#info [data-slideshow-view] ~ div, .s-e1 section#press-release-1 [data-slideshow-view] ~ div, .s-public-exhibitions section#press-release1 [data-slideshow-view] ~ div, .s-artfairs section#info [data-slideshow-view] ~ div{ display:none; } section[id*='content-a'] [data-slideshow-view], section[id*='content-a'] [data-slideshow-view], section[id*='content-a'] [data-slideshow-view], section[id*='content-a'] [data-slideshow-view]{ margin-bottom:0; } .s-a1 section#info [data-slideshow-view] .slideshow-headline h1, .s-e1 section#press-release-1 [data-slideshow-view] .slideshow-headline h1, .s-public-exhibitions section#press-release1 [data-slideshow-view] .slideshow-headline h1, .s-artfairs section#info [data-slideshow-view] .slideshow-headline h1{ visibility:hidden; } /* -------------------------------------------------------------------------- */ /* CONTENT-A (MODULAR & TIS) */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* SPACE BETWEEN */ /* -------------------------------------- */ section[id*='content-a'] .text-one-column-with-image { padding-bottom: 80px; } section[id*='content-a'] .text-one-column-with-image.large-image .image + .text > .container :first-child, section[id*='content-a'] .text-one-column-with-image.banner-image .image + .text > .container :first-child{ margin-top: 80px; } /* -------------------------------------- */ /* MAX WIDTHS */ /* -------------------------------------- */ section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image) .container{ max-width:1600px; } /* special width */ section[id*='content-a'] .text-one-column-with-image.no-image .text .container, section[id*='content-a'] .text-one-column-with-image.large-image .image + .text .container, section[id*='content-a'] .text-one-column-with-image.banner-image .image + .text .container{ max-width:826px; } /* -------------------------------------- */ /* TEXT TO IMAGE OFFSET */ /* -------------------------------------- */ section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image) .image{ margin-top:.4em; } /* -------------------------------------- */ section[id*='content-a'] .text-one-column-with-image .text > .container :last-child{ /*border:1px solid #ff0000;*/ margin-bottom:0; } section[id*='content-a'] .text-one-column-with-image.no-image .text{ float:none; width:100%; padding-left: 0; padding-right: 0; } section[id*='content-a'] .text-one-column-with-image.banner-image .text, section[id*='content-a'] .text-one-column-with-image.large-image .text, section[id*='content-a'] .text-one-column-with-image .text{ padding-bottom:0; } section[id*='content-a'] .text-one-column-with-image.banner-image .image + .text, section[id*='content-a'] .text-one-column-with-image.large-image .image + .text { margin-top:0; } section[id*='content-a'] .text-one-column-with-image.image-on-right .image{ text-align:left; } section[id*='content-a'] .text-one-column-with-image.banner-image figure { min-height: 100vh; pointer-events:none } @media only screen and (orientation: portrait) { section[id*='content-a'] .text-one-column-with-image.banner-image figure { min-height: 80vw; } } section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image .caption, section[id*='content-a'] .text-one-column-with-image.banner-image .image .caption, section[id*='content-a'] .text-one-column-with-image.large-image .image .caption{ text-align:center; max-width: 400px; margin-left: auto; margin-right: auto; } section[id*='content-a'] .text-one-column-with-image.large-image .image img{ margin-left: auto; margin-right: auto; /*max-height:100vh;*/ } section[id*='content-a'] .text-one-column-with-image.banner-image .text .container{ padding:0 20px; } /* -------------------------------------- */ /* CENTER CAPTIONS AND IMAGES */ section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image{ text-align:center; } section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image img{ margin-left: auto; margin-right: auto; } /* -------------------------------------- */ /*STICKY*/ section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text{ position:sticky; top:20px; } @media (max-width: 768px) { section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text{ position:relative; top:0; } } /* -------------------------------------- */ /* FLEX ALIGNMENT */ section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) > .container{ display:flex; align-items: flex-start; } section[id*='content-a'] .text-one-column-with-image.image-on-right:not(.large-image):not(.banner-image):not(.no-image) > .container{ flex-direction: row-reverse; } section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text{ align-self: center; float:none; } section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image{ float:none; } /* -------------------------------------- */ /* LEFT RIGHT RATIO */ section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text { /*width: 53%;*/ width: 50%; box-sizing:border-box; } section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image { /*width: 42%;*/ width: 50%; box-sizing:border-box; } section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image + .text { padding-left:4%; padding-right:0; box-sizing:border-box; } section[id*='content-a'] .text-one-column-with-image.image-on-right:not(.large-image):not(.banner-image):not(.no-image) .text { padding-right:4%; padding-left:0; box-sizing:border-box; } @media (max-width: 768px) { section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) > .container{ display:block; } section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image{ margin-bottom:80px; } section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image img{ margin-left:auto; margin-right:auto; } } /* -------------------------------------- */ /* WITH SLIDESHOW (TIS) */ section[id*='content-a'] [data-slideshow-view] .container{ max-width:100%; } section[id*='content-a'] [data-slideshow-view] ~ div{ display:none; } section[id*='content-a'] [data-slideshow-view]{ margin-bottom:0; } section[id*='content-a'] [data-slideshow-view] .slideshow-headline h1{ visibility:hidden; } /* -------------------------------------------------------------------------- */ /* 2-UP FIXES */ /* -------------------------------------------------------------------------- */ .text-image-wrapper.two-up{ box-sizing:border-box; } .two-up-wrapper.container{ max-width:100%; } .text-image-wrapper.two-up:first-child { padding: 0 20px 0 0; } .text-image-wrapper.two-up:nth-child(2) { padding: 0 0 0 20px; } @media all and (max-width:620px) { .two-up-wrapper.container{ display:block; } .text-image-wrapper.two-up{ width:100%; } .text-image-wrapper.two-up:first-child { padding:0 0 0 0 } .text-image-wrapper.two-up:nth-child(2) { padding:0 0 0 0 } } /*hide 2-up slideshow headers*/ .two-up-wrapper .slideshow-headline{ display:none; } /* -------------------------------------------------------------------------- */ /* SWIPER FIXES */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* SWIPER FLASHING FIX ON SAFARI */ /*.slideshow-container .swiper-slide {*/ /* -webkit-backface-visibility: hidden;*/ /* -webkit-transform: translate3d(0, 0, 0);*/ /*}*/ /* -------------------------------------- */ /* ASPECT RATIO WRAPPER FIX */ /* make container 4:3(75%) minus arrow padding (45*2 = 90px) */ section .position-guard-container .swiper-container.slideshow .slide-content-container{ padding-top:calc(75% - 90px); } /* subtract 70px for nested slide container */ section .position-guard-container .swiper-container.slideshow .nested-slide .slide-content-container{ padding-top:calc(75% - 90px - 70px); } /* browser is 4:3 and wider */ @media (min-aspect-ratio: 4/3){ /* make container make height of viewport minus set amount (100px or any) */ section .position-guard-container .swiper-container.slideshow .slide-content-container{ padding-top:calc(100vh - 100px); } /* subtract 70px for nested slide container */ section .position-guard-container .swiper-container.slideshow .nested-slide .slide-content-container{ padding-top:calc(100vh - 100px - 70px); } } /* browser is 1:1 and taller */ @media (max-aspect-ratio: 1/1){ /* make container make height taller for mobile (80% or more) */ section .position-guard-container .swiper-container.slideshow .slide-content-container{ padding-top:80%; } /* subtract 70px for nested slide container */ section .position-guard-container .swiper-container.slideshow .nested-slide .slide-content-container{ padding-top:calc(80% - 70px); } } /* two-up swiper fixes */ .text-image-wrapper.two-up .position-guard-container .swiper-container.slideshow .slide-content-container{ padding-top:80%; } .text-image-wrapper.two-up .position-guard-container .swiper-container.slideshow .nested-slide .slide-content-container{ padding-top:calc(80% - 70px); } section .nested-navigation{ padding-bottom:20px; } .swiper-slide .nested-navigation .nested-thumbnail.active{ border-color:#000000; } /* -------------------------------------- */ /* SWIPER FIX BOTTOM MARGIN */ section .swiper-container.slideshow{ margin-bottom:0; padding-bottom:80px; } .slideshow-overlay .swiper-container.slideshow { margin-bottom:0} .slideshow-overlay .swiper-container{ padding-bottom:0;} /* -------------------------------------- */ /* SWIPER FIX THUMBNAIL CONVERT TO FLEX TO PROPERLY ALIGN */ /*.thumbnails-tab.squared .thumbnails-all*/ .thumbnails-tab.squared .thumbnails-all{ display:flex; flex-wrap:wrap; } .thumbnails-tab.squared.hidden{ display:none; } .squared[data-width] .thumbnail-container { width: calc((100% - .9%) / 2); } @media screen and (min-width: 767px) and (max-width: 1024px) { .squared[data-width] .thumbnail-container { width: calc((100% - 1.8%) / 3); } } @media screen and (min-width: 1025px) { .squared[data-width="3"] .thumbnail-container { width: calc((100% - 1.8%) / 3); } } .squared .thumbnail-container { margin-bottom:6% } /* -------------------------------------- */ /* SWIPER THUMBNAILS SIZING */ .squared .thumbnail-container .thumbnail-square img { max-width: 95%; max-height: 95%; } /* -------------------------------------- */ /*FADE IN LAZY LOADING THUMBNAILS*/ .thumbnail-square img[src] { animation: ThumbNailfadeIn ease 1.5s; } @keyframes ThumbNailfadeIn { 0% {opacity:0;} 100% {opacity:1;} } /* -------------------------------------- */ /* SWIPER IMAGE STRETCH */ .squared .thumbnail-container .thumbnail-square img, .slideshow-overlay .swiper-container .swiper-slide img, .swiper-container.slideshow .swiper-slide img { height: 100%; width:100%; object-fit:contain; } /* -------------------------------------- */ /* SWIPER FIX OVERLAY ARROWS */ .slideshow-overlay .swiper-container .swiper-button-prev { left:15px } .slideshow-overlay .swiper-container .swiper-button-next { right:15px } /* -------------------------------------- */ /* SWIPER FIX ICONS */ .slideshow-headline .abs-thumbs a[data-tab-ref='slideshow'], .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails']{ height: 13px; width: 19px; text-indent: 100%; white-space: nowrap; overflow: hidden; padding-right:0; display: inline-block; box-sizing:border-box; box-shadow: inset 0 0 0 1px #b4b4b4; position:relative; } .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails']:before{ content: ''; position: absolute; left: 0px; top: 4px; width: 19px; height: 5px; display: inline-block; box-sizing:border-box; box-shadow: inset 0 0 0 1px #b4b4b4; } .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails']:after{ content: ''; position: absolute; left: 6px; top: 0px; width: 7px; height: 13px; display: inline-block; box-sizing:border-box; box-shadow: inset 0 0 0 1px #b4b4b4; } .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails']:hover, .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails']:hover:before, .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails']:hover:after, .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails'].active, .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails'].active:before, .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails'].active:after, .slideshow-headline .abs-thumbs a[data-tab-ref='slideshow']:hover, .slideshow-headline .abs-thumbs a[data-tab-ref='slideshow'].active{ box-shadow: inset 0 0 0 1px #000000; } .abs-thumbs { z-index:54; bottom: unset; top: 0px; } /* -------------------------------------- */ /* SWIPER HEADLINE */ .slideshow-headline{ border:none; } /* -------------------------------------- */ /* SWIPER CAPTION */ .thumbnail-container .caption-snippet, .thumbnails-tab.thumbnail-counter .thumbnail-container .caption-snippet, .thumbnails-tab.thumbnail-header .thumbnail-container .caption-snippet, .thumbnails-tab.thumbnail-counter.thumbnail-header .thumbnail-container .caption-snippet{ height:auto; } .thumbnail-container .caption-snippet { height:auto; max-width: 400px; margin-left: auto; margin-right: auto; } .swiper-container .swiper-slide-caption { max-width: 400px; margin-left: auto; margin-right: auto; } .thumbnail-container a[data-inquire], .swiper-container .swiper-slide-caption a[data-inquire]{ border:1px solid #000000; padding: 5px 15px; margin-top:15px; display:inline-block; line-height:1.4; color: #000000; transition: background .3s } .thumbnail-container a[data-inquire]:hover, .swiper-container .swiper-slide-caption a[data-inquire]:hover{; color: #ffffff; background-color: #000000; } /* vow swiper inquire uses p */ .thumbnail-container a[data-inquire] p, .swiper-container .swiper-slide-caption a[data-inquire] p{ font-size:inherit; line-height: normal; } /* -------------------------------------- */ /* TIS 1 IMAGE SLIDESHOW - REMOVE PADDING IF THERE ARE NO ARROW BUTTONS */ .swiper-button-prev:not([role="button"]) ~ .swiper-wrapper .slide-image-container, .swiper-button-prev:not([role="button"]) ~ .swiper-wrapper .slide-video-container{ padding: 0 0; } /* -------------------------------------- */ /* VIDEO CONTAINER IFRAME HIDE P */ .slide-video-container > iframe + p{ display:none; } /* ------------------------------------------------------------------------- */ /* LEGACY SLIDESHOW ICON WORKAROUND */ /* ------------------------------------------------------------------------- */ .section-header .links.slider-features{display:inline-block;} .slider-features a[href*="?view="]{ height: 13px; width: 19px; text-indent: 100%; white-space: nowrap; overflow: hidden; padding-right:0; } .slider-features a{margin-right:15px;} .slider-features a: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"]{ display: inline-block; box-sizing:border-box; box-shadow: inset 0 0 0 1px #757575; } .slider-features a[href$="view=thumbnails"]{ position: relative; height: 13px; width: 19px; padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:0; } .slider-features a[href$="view=thumbnails"]:before{ content: ''; position: absolute; left: 0px; top: 4px; width: 19px; height: 5px; } .slider-features a[href$="view=thumbnails"]:after{ content: ''; position: absolute; left: 6px; top: 0px; width: 7px; height: 13px; } .slider-features a[href$="view=slider"]{ height: 13px; width: 19px; margin-bottom:0; } .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{ box-shadow: inset 0 0 0 1px #000000; } /* --------------------------------------------------------- */ /* LEGACY SLIDESHOW XL WORKAROUND */ /* --------------------------------------------------------- */ /*USE DIRECT PATH TO AVOID CONFLICTS*/ .s-p1 section#images .slider .bx-wrapper:first-of-type, .s-public-exhibitions section#selected-works .slider .bx-wrapper:first-of-type, .s-artfairs section#selected-works .slider .bx-wrapper:first-of-type, .s-artfairs section#individual-works .full-slider .bx-wrapper:first-of-type, .s-e1 section#selected-works .slider .bx-wrapper:first-of-type, .s-e1 section#installation-views .slider .bx-wrapper:first-of-type, .s-e1 section#virtual-tour .slider .bx-wrapper:first-of-type, .s-e1 section#video-tours .slider .bx-wrapper:first-of-type, .s-a1 section#featured-works .full-slider .bx-wrapper:first-of-type{ width: 145vh; max-width: 100%!important; margin-left:auto; margin-right:auto; /*box-shadow: inset 0 0 0 1px #ff0000;*/ } .s-p1 section#images .slider .bx-wrapper:first-of-type .slide, .s-public-exhibitions section#selected-works .slider .bx-wrapper:first-of-type .slide, .s-artfairs section#selected-works .slider .bx-wrapper:first-of-type .slide, .s-artfairs section#individual-works .full-slider .bx-wrapper:first-of-type .slide, .s-e1 section#selected-works .slider .bx-wrapper:first-of-type .slide, .s-e1 section#installation-views .slider .bx-wrapper:first-of-type .slide, .s-e1 section#virtual-tour .slider .bx-wrapper:first-of-type .slide, .s-e1 section#video-tours .slider .bx-wrapper:first-of-type .slide, .s-a1 section#featured-works .full-slider .bx-wrapper:first-of-type .slide{ width:100% !important; /*box-shadow: inset 0 0 0 1px #ff0000;*/ } /* legacy spacing */ .s-p1 section#images .slider, .s-public-exhibitions section#selected-works .slider, .s-artfairs section#selected-works .slider, .s-artfairs section#individual-works .full-slider, .s-e1 section#selected-works .slider, .s-e1 section#installation-views .slider, .s-e1 section#virtual-tour .slider, .s-e1 section#video-tours .slider, .s-a1 section#featured-works .full-slider{ padding-bottom:80px; } .s-p1 section#images .thumbnails, .s-public-exhibitions section#selected-works .thumbnails, .s-artfairs section#selected-works .thumbnails, .s-artfairs section#individual-works .thumbnails, .s-e1 section#selected-works .thumbnails, .s-e1 section#installation-views .thumbnails, .s-e1 section#virtual-tour .thumbnails, .s-e1 section#video-tours .thumbnails, .s-a1 section#featured-works .thumbnails{ padding-bottom:20px; } .s-p1 section#images .slide figcaption, .s-public-exhibitions section#selected-works .slide figcaption, .s-artfairs section#selected-works .slide figcaption, .s-artfairs section#individual-works .slide figcaption, .s-e1 section#selected-works .slide figcaption, .s-e1 section#installation-views .slide figcaption, .s-e1 section#virtual-tour .slide figcaption, .s-e1 section#video-tours .slide figcaption, .s-a1 section#featured-works .slide figcaption{ margin-top:10px; } .thumbnail-caption { height: auto; } .fitted .placeholder { background:none; } /* legacy with custom FIXED CUSTOM SUBMENU qlinks */ .s-e1 section#selected-works header, .s-e1 section#installation-views header, .s-e1 section#virtual-tour header, .s-e1 section#video-tours header, .s-a1 section#featured-works header{ position:relative; z-index:50; } .s-e1 section#selected-works .slider, .s-e1 section#installation-views .slider, .s-e1 section#virtual-tour .slider, .s-e1 section#video-tours .slider, .s-a1 section#featured-works .slider{ padding-top:80px; margin-top:-80px; } /* --------------------------------------------------------- */ /* LEGACY SLIDESHOW VIDEO STACK */ /* --------------------------------------------------------- */ #video-stack figure.embed-video{ position: relative; padding-top: 50.6%; } #video-stack .no-slider .slide figure.embed-video>div.video-item{ position:absolute; } #video-stack .no-slider .slide figure.embed-video>div.video-item iframe{ width:100%; height:100%; } #video-stack .no-slider .slide{ width: 145vh; max-width: 100%!important; margin-left: auto; margin-right: auto; margin-bottom: 80px; } #video-stack .no-slider .slide figcaption { display: block; text-align: center; margin-top:10px; } /* --------------------------------------------------------- */ /* LEGACY SLIDESHOW MOBILE */ /* --------------------------------------------------------- */ @media (max-width: 480px) { .slide figure:not(.video-figure) { padding-top:54% } } /* --------------------------------------------------------- */ /* 2-UP THUMBNAILS */ /* --------------------------------------------------------- */ @media all and (max-width:620px) { .grid .entry { width: 47%; padding-right: 5.75% } .grid .entry:nth-child(2n + 2) { padding-right: 0 !important } .grid .entry:nth-child(3n + 3), .grid .entry:nth-child(5n + 5) { padding-right: 5.75% } } /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* CUSTOM CSS */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* MAIN HEADER */ /* -------------------------------------------------------------------------- */ .s-consignments .main-header > .container, .s-home .main-header > .container{ /*padding-top:30px;*/ /*padding-bottom:30px;*/ } .main-header > .container{ padding-top:45px; padding-bottom:55px; } .main-header{ /*keep padding 0 - Use .container above to style padding*/ padding-top: 0px; padding-bottom: 0px; background: rgba(255,255,255,1); /*background-image: linear-gradient(-180deg, #EEEEEE 0%, #FFFFFF 50%);*/ /*box-shadow: 0 0 50px 50px rgba(0,0,0,0.05);*/ /*margin-bottom:20px;*/ text-transform: initial; } /* header embed alert */ header.main-header .social { position: relative; top: unset; right:unset; /*margin-bottom:70px;*/ background-color:rgba(0,0,0,1); color:#ffffff; font-size:11px; text-align:center; } header.main-header .social .embed:not(:empty){ padding-top:5px; padding-bottom:5px; } header.main-header .social p a{ color:#bbbbbb; } header.main-header .social p a:hover{ color:#ffffff; } .main-header .container{ max-width:100%; position: relative; } .main-header nav, .main-header .logo span{ font-size:inherit; line-height:inherit; font-weight:500; } .main-header nav{ text-transform:uppercase; font-size:16px; } .s-home .main-header nav a{ color:#000000!important; } .s-home .main-header nav a:hover{ color:#808080!important; } /* Use this padding to adjust menu to image logo */ .main-header nav.main { padding-top:0; padding-bottom:55px; } /* Use this to prevent WORD wrap */ .main-header nav.main a { /*display:inline-block;*/ } /* Use this to fix banner-top and logo left */ .main-header{ /*overflow:hidden;*/ } .main-header .logo{ /*display:none;*/ padding-top:4px; } .main-header nav.languages { font-size: 9px; line-height: 1; top: 10px; right: 10px; } .main-header nav.languages a { margin-left: 10px; } /* keep original languages */ .mobile-languages{ display:none!important; } .main-header nav.languages { display:block!important; } /* mobile changed to 999px */ @media (max-width: 999px) { .main-header .logo{ float:none; } /*.s-home .main-header > .container{*/ /* padding-top:30px;*/ /* padding-bottom:30px;*/ /*}*/ /*.main-header > .container{*/ /* padding-top:40px;*/ /* padding-bottom:45px;*/ /*} */ .main-header > .container{ padding-top:35px; padding-bottom:35px; } .main-header nav.main { display:none } .mobile-menu-wrapper { position: relative; margin: 0; display:block; line-height: 1; padding-top: 5px; padding-bottom: 0; } .main-header nav.mobile { display: inline-block; line-height: 1.8; text-align:left; } nav.mobile .navlinks { /*padding-top:7px;*/ padding-top:0 } nav.mobile .navlinks a { display: block; margin: 0; /*padding-bottom: 5px;*/ padding-bottom: 0; line-height:inherit } } .s-home .main-header nav a[href='/']{ display:none; } /* -------------------------------------------------------------------------- */ /* HOME */ /* -------------------------------------------------------------------------- */ /*.s-home section#wrapper-banner .full-width-banner .slide figure{*/ /* padding-top:45%;*/ /* pointer-events:none;*/ /*}*/ /*.s-home section#wrapper-banner .full-width-banner .slide{*/ /* padding-bottom:80px;*/ /*}*/ /*.s-home section#wrapper-banner .full-width-banner .slide figcaption {*/ /* max-width: 850px;*/ /* margin:15px auto 0 0;*/ /* text-align:left;*/ /*}*/ /*.s-home section#wrapper-banner .image-title{;*/ /* font-size:inherit;*/ /* line-height:inherit;*/ /*}*/ /*.s-home section#wrapper-banner .image-subtitle{*/ /* font-size:inherit;*/ /* line-height:inherit;*/ /*}*/ /*.s-home section#wrapper-banner .image-description{*/ /* font-size:inherit;*/ /* line-height:inherit;*/ /*}*/ /*.s-home section#wrapper-banner .image-description p{*/ /* font-size:inherit;*/ /* line-height:inherit; */ /*}*/ .s-home .bx-wrapper .bx-pager .bx-pager-item:only-of-type{ visibility:hidden; } /* -------------------------------------------------------------------------- */ /* EE-BANNER-TOP (HOME AND CONSIGNMENTS) */ /* CONSIGNMENTS BANNER-TOP NOW DISBALED */ /* -------------------------------------------------------------------------- */ section[id*="banner-top"]{ padding-bottom:80px; } section[id*="banner-top"] .full-width-banner .slide figure { padding-top:100vh; pointer-events:none; } section[id*="banner-top"] .slide figcaption{ position:absolute; /*bottom:80px;*/ top:0; left:0; width:100%; max-width:100%; margin:0; text-align:center; z-index:2; height:100%; align-items: center; display: flex; display:none; pointer-events:none; } section[id*="banner-top"] .slide figcaption a{ pointer-events:auto; } section[id*="banner-top"] .bx-controls .bx-controls-direction{ display:none; } section[id*="banner-top"] .bx-controls .bx-pager{ position:absolute; bottom:5px; z-index:50; } section[id*="banner-top"] h1{ font-size: 42px; line-height: 1.2; line-height:1.14; font-weight:700; } section[id*="banner-top"] h2{ font-size: 42px; line-height: 1.2; line-height:1.14; /*text-decoration:underline;*/ /*text-decoration-thickness:1px;*/ /*text-underline-offset:.2em; */ } @media all and (max-width:767px) { section[id*="banner-top"] h1{ /*font-size: 32px;*/ /*font-size: 28px;*/ /*line-height: 1.3; */ } section[id*="banner-top"] h2{ /*font-size: 32px;*/ /*font-size: 28px;*/ /*line-height: 1.3; */ } } section[id*="banner-top"] .image-description{ margin-top:1em; } section[id*="banner-top"] .image-description, section[id*="banner-top"] .image-description p{ font-size:32px; line-height:1.2; /*line-height:1.14; */ margin-top:1em; } section[id*="banner-top"] .image-description p{ /*margin-bottom:.3em; */ } /* NEW TOP BANNER MOBILE */ /*@media only screen and (orientation: portrait) {*/ /* section[id*="banner-top"]{*/ /* margin-top:0!important;*/ /* } */ /* section[id*="banner-top"] .full-width-banner .slide figure {*/ /* padding-top:88vw;*/ /* }*/ /* section[id*="banner-top"] .slide figcaption{*/ /* position:relative;*/ /* top:unset;*/ /* left:unset;*/ /* width:100%;*/ /* max-width:100%;*/ /* margin:0;*/ /* text-align:left;*/ /* z-index:2;*/ /* height:unset;*/ /* padding-top:20px;*/ /* display: block!important;*/ /* }*/ /* section[id*="banner-top"] .bx-controls .bx-pager{*/ /* top: calc(88vw - 40px);*/ /* height:20px;*/ /* }*/ /* .s-consignments section[id*="banner-top"] *,*/ /* .s-home section[id*="banner-top"] *{*/ /* color:#000000!important;*/ /* }*/ /* .s-consignments section[id*="banner-top"] .ee-editor-button a,*/ /* .s-home section[id*="banner-top"] .ee-editor-button a{*/ /* border: 1px solid #000000!important;*/ /* color: #000000!important;*/ /* }*/ /* body.s-consignments section[id*="banner-top"] .ee-editor-button a:hover,*/ /* body.s-home section[id*="banner-top"] .ee-editor-button a:hover {*/ /* background-color:#000000!important;*/ /* color:#ffffff !important;*/ /* }*/ /* section[id*="banner-top"] .ee-banner-fader{*/ /* background-color:rgba(0,0,0,0)!important; */ /* } */ /*}*/ /* FORCED NEW TOP BANNER MOBILE */ section[id*="banner-top"]{ margin-top:0!important; } section[id*="banner-top"] .full-width-banner .slide figure { padding-top:38vw; } section[id*="banner-top"] .slide figcaption{ position:relative; top:unset; left:unset; width:100%; max-width:100%; margin:0; text-align:left; z-index:2; height:unset; padding-top:20px; display: block!important; } section[id*="banner-top"] .bx-controls .bx-pager{ top: calc(38vw - 40px); height:20px; } .s-consignments section[id*="banner-top"] *, .s-home section[id*="banner-top"] *{ color:#000000!important; } .s-consignments section[id*="banner-top"] .ee-editor-button a, .s-home section[id*="banner-top"] .ee-editor-button a{ border: 1px solid #000000!important; color: #000000!important; } body.s-consignments section[id*="banner-top"] .ee-editor-button a:hover, body.s-home section[id*="banner-top"] .ee-editor-button a:hover { background-color:transparent!important; color:#000000 !important; } section[id*="banner-top"] .ee-banner-fader{ background-color:rgba(0,0,0,0)!important; } @media only screen and (orientation: portrait) { section[id*="banner-top"] .full-width-banner .slide figure { padding-top:75vw; } section[id*="banner-top"] .bx-controls .bx-pager{ top: calc(75vw - 40px); height:20px; } } /* -------------------------------------------------------------------------- */ /* CUSTOM 100% */ .s-home section[id^="wrapper-grid"] .container, body.s-home figcaption .container{ max-width:100%; } /* -------------------------------------------------------------------------- */ /* EE-BANNER-FADER */ /* -------------------------------------------------------------------------- */ .ee-banner-fader{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; pointer-events:none; } /*@media only screen and (orientation: portrait) {*/ /* .ee-banner-fader{*/ /* height:75vw;*/ /* } */ /*}*/ /* ---------------------------------------- */ /* HOME GRID */ .s-home section[id^="wrapper-grid"]{ line-height:1.5; } .s-home section[id^="wrapper-grid"] .entry .paragraph-styling{ margin-top:1em; } .s-home section[id^="wrapper-grid"] .entry .links{ display:none; } .s-home section[id^="wrapper-grid"] .ee-custom-detail{ display:block; /*text-align:center;*/ padding-top:5px; /*padding-bottom:15px;*/ /*margin-bottom:25px;*/ /*border-bottom:1px solid #e8e8e8;*/ /*font-size:9px;*/ /*line-height:1;*/ /*text-transform:uppercase;*/ font-weight:700; } .s-home section[id^="wrapper-grid"] p{ margin-bottom:1em; } /* stretch image - only works with scaling fix above */ .s-home section[id^="wrapper-grid"] .entry img{ width:100%; height:100%; object-fit:cover; } .s-home section[id^="wrapper-grid"] .entry img[src*='_fit']{ object-fit:contain; object-position: center center; } /* ---------------------------------------- */ /* HOME GRID A */ .s-home #screen-grid-a header{ display:none; } .s-home #screen-grid-a .titles{ font-size: inherit; line-height: inherit; display:block; } .s-home #screen-grid-a .entry p{ line-height: inherit; } .s-home #screen-grid-a .entry{ padding-right:0; padding-bottom:0; } .s-home #screen-grid-a .entry { width: 48.4375%; margin-right: 3.125%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .s-home #screen-grid-a .entry:nth-child(2n+2) { margin-right: 0; } .s-home #screen-grid-a .entry .placeholder { padding-top: 75%; background: inherit; } .s-home #screen-grid-a .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .s-home #screen-grid-a .grid{ padding-bottom:0; } /* ---------------------------------------- */ /* HOME GRID B */ .s-home #screen-grid-b header{ display:none; } .s-home #screen-grid-b .titles{ font-size: inherit; line-height: inherit; display:block; } .s-home #screen-grid-b .entry p{ line-height: inherit; } .s-home #screen-grid-b .entry{ padding-right:0; padding-bottom:0; } .s-home #screen-grid-b .entry { width: 31.25%; margin-right: 3.125%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .s-home #screen-grid-b .entry:nth-child(3n+3) { margin-right: 0; } .s-home #screen-grid-b .entry .placeholder { padding-top: 75%; background: inherit; } .s-home #screen-grid-b .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } @media all and (max-width: 600px) { .s-home #screen-grid-b .entry { width: 48.4375%; margin-right: 3.125%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .s-home #screen-grid-b .entry:nth-child(3n+3){ margin-right: 3.125%; } .s-home #screen-grid-b .entry:nth-child(2n+2) { margin-right: 0; } } .s-home #screen-grid-b .grid{ padding-bottom:0; } /* ---------------------------------------- */ /* HOME ALERT-BOX SLIDE */ .s-home section#wrapper-alert-box { position: fixed; bottom: 60px; right: 0; width:100%; max-width: 300px; box-sizing:border-box; color:#fff; background-color: #111111; z-index: 59; margin-right:40px; } /*.s-home section#wrapper-alert-box p{*/ /* font-size:13px;*/ /*}*/ @media all and (max-width:1120px) { .s-home section#wrapper-alert-box { margin-right:20px; } } @media all and (max-width:600px) { .s-home section#wrapper-alert-box { max-width: 280px; } } .s-home section#wrapper-alert-box .text, .s-home section#wrapper-alert-box .image{ opacity:1!important; transition:none!important; transform:none!important; visibility:visible!important; float:none!important; display:block!important; width:100%!important; max-width:100%!important; margin-bottom:0!important; margin-top:0!important; padding:0 0 20px 0!important; } .s-home section#wrapper-alert-box .text-one-column-with-image.banner-image figure { min-height: unset; padding-top: 75%; } .s-home section#wrapper-alert-box .text-one-column-with-image{ padding-bottom:0 } .s-home #wrapper-alert-box #screen-alert-box{ padding:25px 25px 5px 25px; } .s-home #wrapper-alert-box .container{ padding: 0 0; } .s-home section#wrapper-alert-box .caption{ display:none; } /*.s-home section#wrapper-alert-box .text > .container :last-child{*/ /* margin-bottom:0;*/ /*}*/ .s-home section#wrapper-alert-box a.ee-close{ position: absolute; right: 8px; top: 3px; font-size: 20px; line-height: 1; cursor: pointer; color: #757575!important; font-family: Arial; } .s-home section#wrapper-alert-box a.ee-close:hover{ color: #ffffff!important; } /*animation*/ .s-home section#wrapper-alert-box{ animation-name: alert-box-b; animation-duration: 1.2s; animation-delay: 1.2s; animation-fill-mode: backwards; } @keyframes alert-box-b { from { right: -300px; opacity: 0; } to { right: 0; opacity: 1; } } /*ALERT-BOX FORM*/ .s-home section#wrapper-alert-box p{ margin-bottom:0; } .s-home section#wrapper-alert-box form label{ display:none; } .s-home section#wrapper-alert-box form input, .s-home section#wrapper-alert-box form input[type=email]{ color:#ffffff; border: none; border-bottom:1px solid #ffffff; padding: 10px 10px 10px 0; background: transparent; } .s-home section#wrapper-alert-box form input:focus{ border-color:#ffffff; } .s-home section#wrapper-alert-box form button{ margin-top:12px; background-color:transparent; border: 1px solid #fff; color: #fff; padding: 5px 15px 8px 15px; display:inline-block; transition: background .3s } .s-home section#wrapper-alert-box form button:hover { background-color:#fff; color: #000 !important; } .s-home section#wrapper-header-a, .s-home section#wrapper-header-b{ display:none; } .s-home section#wrapper-grid-a header, .s-home section#wrapper-grid-b header{ border:none; } .s-home section#wrapper-grid-a h1, .s-home section#wrapper-grid-b h1{ font-size: 25px; font-weight: 700; line-height: 1.4; } @media all and (max-width:767px) { .s-home section#wrapper-grid-a h1, .s-home section#wrapper-grid-b h1{ font-size: 28px; } } /* -------------------------------------------------------------------------- */ /* ARTISTS */ /* -------------------------------------------------------------------------- */ /* INDEX PAGE */ #a1-grid .title{ font-size:inherit; font-weight:500; line-height:1.5; } #a1-grid .placeholder{ display:none; } .s-a1 .home .title{ font-size:inherit; font-weight:500; line-height:1.5; } .s-a1 .home > .container.rollover{ max-width:1200px; } /* DETAIL PAGE */ .s-a1.detail-page .page-header .item-header h1{ font-weight: 700; font-size: 42px; line-height: 1.2; line-height:1.14; } @media all and (max-width:767px) { .s-a1.detail-page .page-header .item-header h1{ font-size:32px; } } .s-a1.detail-page .page-header .back{ display:none; } /* special width */ .s-a1.detail-page .contentWrapper > .container{ max-width:826px; } .s-a1.detail-page .page-header.divider{ border:none; } /*artist detail-page quicklinks workaround*/ .s-a1.detail-page .quicklinks{ position:fixed; top:0; left:0; width:100%; z-index:90; background-color:rgba(255,255,255,.98); padding-top:17px; padding-bottom:19px; padding-left:inherit; padding-right:inherit; border-bottom:none; box-sizing:border-box; transform:translateY(-100%); box-shadow: none; opacity:0; transition:transform .15s, box-shadow .15s, opacity .15s; text-align:center; } .s-a1.detail-page.ee-custom-scroll-on .quicklinks{ transform:translateY(0%); opacity:1; box-shadow: 0 0 50px 50px rgba(0,0,0,0.035); transition:transform .3s, box-shadow .3s, opacity .3s; } .s-a1.detail-page .quicklinks:after{ content:none; } .s-a1.detail-page .quicklinks a[href="#cv1"], .s-a1.detail-page .quicklinks a[href="#banner"]{ display:none; } .s-a1.detail-page .quicklinks a{ color:#000000; font-weight:500; } .s-a1.detail-page .quicklinks a:hover{ color:#808080; } .s-a1.detail-page .qlinks{ white-space: nowrap; } @media all and (max-width: 1023px) { .s-a1.detail-page .quicklinks{ display:none; } } .s-a1.detail-page section#cv1{ display:none; } .s-a1.detail-page section#featured-works .container{ max-width:100%; } .s-a1.detail-page section#banner figure { padding-top: 100vh; pointer-events:none } @media only screen and (orientation: portrait) { .s-a1.detail-page section#banner figure { padding-top: 80vw; } } .s-a1.detail-page section#banner figcaption{ margin-top:10px; } .s-a1.detail-page section#banner .slide{ padding-bottom:80px; } .s-a1.detail-page section#associations .container{ max-width:1200px; } .s-a1.detail-page section#featured-works h1, .s-a1.detail-page section#associations h4{ font-size: 25px; font-weight: 700; line-height: 1.4; } /* 2025 workaround */ .s-a1.detail-page #screen-info > .text-one-column-with-image:not(:first-of-type), .s-a1.detail-page #screen-info > .text-one-column-with-image:first-of-type .text > .container .ee-editor-read-more{ display:none; } .s-a1.detail-page #ee-header-links{ padding-top:15px; } .s-a1.detail-page section#info .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image):first-of-type .text{ align-self:start; } .s-a1.detail-page a#ee-read-more{ cursor:pointer; font-size: 16px; line-height: 1.8; border: 1px solid #000; color: #000; padding: 5px 15px; display:inline-block; transition: background .3s; margin-top:20px; } .s-a1.detail-page a#ee-read-more:hover { background:#000; color: #fff !important; } /*smaller artist portrait on mobile*/ /*@media (max-width: 768px) {*/ /* .s-a1.detail-page #screen-info > .text-one-column-with-image:first-of-type:not(.large-image):not(.banner-image):not(.no-image) .image img{*/ /* max-height:calc(100vh - 390px);*/ /* }*/ /*}*/ /*prevent flashing*/ .s-a1.detail-page .contentWrapper > .container .page-header{ display:none; } /* -------------------------------------------------------------------------- */ /* EXHIBITIONS */ /* -------------------------------------------------------------------------- */ /* INDEX PAGE */ #e1-grid .title{ font-weight:700; /*font-size:inherit;*/ line-height:1.5; } #e1-grid .subtitle:not(.subtitle2){ /*font-size:inherit;*/ line-height:1.5; /*text-decoration:underline;*/ /*text-decoration-thickness:1px;*/ /*text-underline-offset:.2em;*/ } #e1-grid .subtitle2, #e1-grid .date{ /*font-size:inherit;*/ line-height:1.5; } #e1-grid .additional-text{ padding-top:0; color:#000000; /*font-size:inherit;*/ line-height:1.5; } #e1-grid .date{ margin-top:1em; } /* sidebars */ .s-e1 .home > .container{ display:flex; } .s-e1 .home > .container .sidebar-left, .s-e1 .home > .container .sidebar-right{ float:none; max-width:unset; } .s-e1 .home > .container .sidebar-left{ width:200px; font-weight:500; } .s-e1 .home > .container .sidebar-left a[href="/exhibitions/past/all/all"]{ text-transform: capitalize; } .s-e1 .home > .container .sidebar-right{ width:calc(100% - 200px); /*width:unset;*/ } .s-e1 .home > .container .sidebar-left .divider{ /*border:none;*/ } .s-e1 .home > .container .sidebar-left .screen-nav { margin-bottom: 0; padding-bottom:0 } .s-e1 .home > .container .sidebar-left .screen-nav a { margin-right: 0; } .s-e1 .home > .container .sidebar-left .section-header.second-row { margin-top:0 } .s-e1 .home > .container .sidebar-left .dropdown{ width:100%!important; } .s-e1 .home > .container .sidebar-left .section-header { margin-bottom: 15px; } .s-e1 .home > .container .sidebar-left .section-header, .s-e1 .home > .container .sidebar-left .switch{ border:none; } @media all and (max-width:767px) { .s-e1 .home > .container{ display:block; } .s-e1 .home > .container .sidebar-left, .s-e1 .home > .container .sidebar-right{ width:100%; display:block; } .s-e1 .home .sidebar-left .section-header .switch { flex-direction: row; -webkit-box-orient: row; -webkit-flex-direction: row; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } } .s-e1 .ee-index-page-signup{ text-transform:initial; max-width:110px; font-weight:400; /*line-height:1.7;*/ line-height:1.5; padding-bottom:40px; padding-top:40px; } @media all and (max-width:767px) { .s-e1 .ee-index-page-signup{ max-width:100%; } } .s-e1 .ee-index-page-signup p{ margin-bottom:1em; } .s-e1 .ee-index-page-signup a{ border: 1px solid #000; color: #000; padding: 5px 15px 8px 15px; display:inline-block; transition: background .3s } .s-e1 .ee-index-page-signup a:hover { background:#000; color: #fff !important; } .s-e1 #ee-mailing{ display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,.9); z-index: 99; color:#ffffff; } .s-e1 #ee-mailing { animation: eeMalingfadeIn ease .5s; } @keyframes eeMalingfadeIn { 0% {opacity:0;} 100% {opacity:1;} } .s-e1 #ee-mailing-container{ display: flex; height: 100%; align-items: center; } .s-e1 #ee-mailing-container .container{ background-color:#000000; position:relative; max-width:280px; padding:25px 30px 35px 30px; } .s-e1 #ee-mailing-container .container .close{ position: absolute; right: 8px; top: 3px; font-size: 20px; line-height: 1; cursor: pointer; color: #757575!important; font-family: Arial; } .s-e1 #ee-mailing-container .container .close:hover{ color: #ffffff!important; } .s-e1 #ee-mailing form label{ display:none; } .s-e1 #ee-mailing form input, .s-e1 #ee-mailing form input[type=email]{ color:#ffffff; border: none; border-bottom:1px solid #ffffff; padding: 10px 10px 10px 0; background: transparent; } .s-e1 #ee-mailing form input:focus{ border-color:#ffffff; } .s-e1 #ee-mailing form button{ margin-top:12px; background-color:transparent; border: 1px solid #fff; color: #fff; padding: 5px 15px 8px 15px; display:inline-block; transition: background .3s } .s-e1 #ee-mailing form button:hover { background-color:#fff; color: #000 !important; } /* Large */ .s-e1 .exhibitions.home #large h1{ /*font-size:inherit;*/ line-height:1.5; font-weight:700; } .s-e1 .exhibitions.home #large h2:not(.subtitle2){ /*font-size:inherit;*/ line-height:1.5; /*text-decoration:underline;*/ /*text-decoration-thickness:1px;*/ /*text-underline-offset:.2em; */ } .s-e1 .exhibitions.home #large h2.subtitle2, .s-e1 .exhibitions.home #large h3{ /*font-size:inherit;*/ /*line-height:inherit; */ line-height:1.5; } .s-e1 .exhibitions.home #large .additional-text{ padding-top:0; /*font-size:inherit;*/ /*line-height:inherit; */ line-height:1.5; } .s-e1 .exhibitions.home #large h3{ margin-top:1em; } /* Medium */ .s-e1 .exhibitions.home #medium h1{ line-height:1.5; font-weight:700; } .s-e1 .exhibitions.home #medium h2:not(.subtitle2){ /*font-size:inherit;*/ /*line-height:inherit;*/ /*text-decoration:underline;*/ /*text-decoration-thickness:1px;*/ /*text-underline-offset:.2em; */ line-height:1.5; } .s-e1 .exhibitions.home #medium h2.subtitle2, .s-e1 .exhibitions.home #medium h3{ /*font-size:inherit;*/ line-height:1.5; } .s-e1 .exhibitions.home #medium .additional-text{ padding-top:0; /*font-size:inherit;*/ line-height:1.5; } .s-e1 .exhibitions.home #medium h3{ margin-top:1em; } /*make padding-bottom consistant with custom grid*/ .s-e1 .home #large .grid .entry, .s-e1 .home #medium .grid .entry{ padding-bottom:80px; } /* CURRENT/UPCOMING - FIT-IMAGE-OPTION-STRETCH scaling fix */ .s-e1 .home #large .entry .thumb{ /*percentage = 704/1600*/ padding-top:55%; position:relative; } .s-e1 .home #large .entry.half .thumb{ /*percentage = 588/784*/ padding-top:75%; position:relative; } .s-e1 .home #large .grid .entry.half { width: 48.625%; padding-right: 2.75%; border-top:none } .s-e1 .home #large .grid .entry.half:nth-child(2n + 2) { padding-right:0 } @media screen and (max-width:600px) { .s-e1 .home #large .grid .entry.half { width:100%; padding-right: 0; } } .s-e1 .home #large .entry .thumb .image{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; } .s-e1 .home #large .entry .thumb .image img{ position: absolute; top: auto; left: 0; right: auto; bottom: 0; height: auto; max-height: 100%; width: auto; max-width: 100%; margin: auto; } .s-e1 .home #medium .entry .thumb{ /*percentage = 378/504*/ padding-top:75%; position:relative; } .s-e1 .home #medium .entry .thumb .image{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; } .s-e1 .home #medium .entry .thumb .image img{ position: absolute; top:auto; left: 0; right: auto; bottom: 0; height: auto; max-height: 100%; width: auto; max-width: 100%; margin: auto; } /* stretch image - only works with scaling fix above */ .s-e1 .home #large .entry .thumb .image img, .s-e1 .home #medium .entry .thumb .image img{ width:100%; height:100%; object-fit:cover; } .s-e1 .home #large .entry .thumb .image img[src*='_fit'], .s-e1 .home #medium .entry .thumb .image img[src*='_fit']{ object-fit:contain; object-position: left bottom; } /* PAST YEARS & CATEGORIES SWITCH LINKS ALIGNMENT FIX */ /*.s-exhibitions .exhibitions.home .past .switch a{*/ /* padding-right:0;*/ /* padding-left:15px;*/ /*}*/ /*.s-exhibitions .exhibitions.home .past .section-header .links{*/ /* justify-content:flex-end;*/ /*}*/ /*@media all and (max-width:614px) {*/ /* .s-exhibitions .exhibitions.home .past h4{*/ /* padding-bottom:10px;*/ /* }*/ /* .s-exhibitions .exhibitions.home .past .section-header{*/ /* display:block;*/ /* }*/ /* .s-exhibitions .exhibitions.home .past .switch a{*/ /* padding-right:15px;*/ /* padding-left:0;*/ /* }*/ /* .s-exhibitions .exhibitions.home .past .section-header .links{*/ /* justify-content:flex-start;*/ /* }*/ /*}*/ /* DETAIL PAGE */ .s-e1.detail-page .page-header .item-header h1{ font-weight:700; font-size:42px; line-height:1.2; line-height:1.14; } .s-e1.detail-page .page-header .item-header h2.subtitle2, .s-e1.detail-page .page-header .item-header h2:not(.subtitle2){ font-size:42px; line-height:1.2; line-height:1.14; /*text-decoration:underline;*/ /*text-decoration-thickness:1px;*/ /*text-underline-offset:.2em;*/ } /*.s-e1.detail-page .page-header .item-header h2.subtitle2,*/ .s-e1.detail-page .page-header .item-header h3{ font-size:32px; line-height:1.2; /*line-height:1.14; */ } .s-e1.detail-page .page-header .item-header h3{ margin-top:1em; } .s-e1.detail-page .page-header .additional-text{ padding-top:0; /*display:none;*/ font-size:32px; line-height:1.2; /*line-height:1.14; */ } @media all and (max-width:767px) { .s-e1.detail-page .page-header .item-header h1{ font-size:32px; } .s-e1.detail-page .page-header .item-header h2.subtitle2, .s-e1.detail-page .page-header .item-header h2:not(.subtitle2){ font-size:32px; } .s-e1.detail-page .page-header .additional-text, /*.s-e1.detail-page .page-header .item-header h2.subtitle2,*/ .s-e1.detail-page .page-header .item-header h3{ font-size:25px; } } .s-e1.detail-page .page-header .back{ display:none; } /* special width */ .s-e1.detail-page .contentWrapper > .container{ /*max-width:826px;*/ max-width:100%; } .s-e1.detail-page .page-header.divider{ border:none; margin-bottom:80px; } .s-e1.detail-page .ee-header-links{ /*padding-top: 25px;*/ padding-top: 10px; } /*exhibitions detail-page quicklinks workaround*/ .s-e1.detail-page .quicklinks{ position:fixed; top:0; left:0; width:100%; z-index:90; background-color:rgba(255,255,255,.98); padding-top:17px; padding-bottom:19px; padding-left:inherit; padding-right:inherit; border-bottom:none; box-sizing:border-box; transform:translateY(-100%); box-shadow: none; opacity:0; transition:transform .15s, box-shadow .15s, opacity .15s; text-align:center; } .s-e1.detail-page.ee-custom-scroll-on .quicklinks{ transform:translateY(0%); opacity:1; box-shadow: 0 0 50px 50px rgba(0,0,0,0.035); transition:transform .3s, box-shadow .3s, opacity .3s; } .s-e1.detail-page .quicklinks:after{ content:none; } .s-e1.detail-page .quicklinks a[href="#downloads"], .s-e1.detail-page .quicklinks a[href="#banner"]{ display:none; } .s-e1.detail-page .quicklinks a{ color:#000000; font-weight:500; } .s-e1.detail-page .quicklinks a:hover{ color:#808080; } .s-e1.detail-page .qlinks{ white-space: nowrap; } @media all and (max-width: 1023px) { .s-e1.detail-page .quicklinks{ display:none; } } .s-e1.detail-page section#downloads-bar { display:none; } .s-e1.detail-page section#downloads { display:none; } /* special width */ .s-e1 section#press-release-1 #screen-press-release-1 > .container{ max-width:826px; } .s-e1.detail-page section#banner figure { padding-top: 100vh; pointer-events:none } @media only screen and (orientation: portrait) { .s-e1.detail-page section#banner figure { padding-top: 80vw; } } .s-e1.detail-page section#banner figcaption{ margin-top:10px; } .s-e1.detail-page section#banner .slide{ padding-bottom:80px; } .s-e1.detail-page section#publication{ padding-bottom:80px; } .s-e1 section#video-stack .container, .s-e1 section#selected-works .container, .s-e1 section#installation-views .container, .s-e1 section#virtual-tour .container, .s-e1 section#video-tours .container{ max-width:100%; } .s-e1.detail-page section#press-release-1 h4, .s-e1.detail-page section#video-stack h1, .s-e1.detail-page section#selected-works h1, .s-e1.detail-page section#installation-views h1, .s-e1.detail-page section#virtual-tour h4, .s-e1.detail-page section#video-tours h4, .s-e1.detail-page section#associations h4{ font-size: 25px; font-weight:700; line-height:1.4; } .s-e1.detail-page section#associations .container{ max-width:1200px; } /* -------------------------------------------------------------------------- */ /* PUBLIC EXHIBITIONS */ /* -------------------------------------------------------------------------- */ /* INDEX PAGE */ #public-exhibitions-grid .title{ font-weight:700; /*font-size:inherit;*/ line-height:1.5; } #public-exhibitions-grid .subtitle:not(.subtitle2){ /*font-size:inherit;*/ line-height:1.5; /*text-decoration:underline;*/ /*text-decoration-thickness:1px;*/ /*text-underline-offset:.2em;*/ } #public-exhibitions-grid .subtitle2, #public-exhibitions-grid .date{ /*font-size:inherit;*/ line-height:1.5; } #public-exhibitions-grid .additional-text{ padding-top:0; color:#000000; /*font-size:inherit;*/ line-height:1.5; } #public-exhibitions-grid .date{ margin-top:1em; } #public-exhibitions-grid .placeholder{ display:none; } .s-public-exhibitions .home header h4, .s-public-exhibitions .home .switch a{ } .s-public-exhibitions .home header h4{ font-size: 25px; font-weight: 700; line-height: 1.4; } /* DETAIL PAGE */ .s-public-exhibitions.detail-page .page-header .item-header h1{ font-size:42px; line-height:1.2; line-height:1.14; font-weight:700; } .s-public-exhibitions.detail-page .page-header .item-header h2.subtitle2, .s-public-exhibitions.detail-page .page-header .item-header h2:not(.subtitle2){ font-size:42px; line-height:1.2; line-height:1.14; /*text-decoration:underline;*/ /*text-decoration-thickness:1px;*/ /*text-underline-offset:.2em;*/ } /*.s-public-exhibitions.detail-page .page-header .item-header h2.subtitle2,*/ .s-public-exhibitions.detail-page .page-header .item-header h3{ font-size:32px; line-height:1.2; /*line-height:1.14; */ } .s-public-exhibitions.detail-page .page-header .item-header h3{ margin-top:1em; } @media all and (max-width:767px) { .s-public-exhibitions.detail-page .page-header .item-header h1{ font-size:32px; } .s-public-exhibitions.detail-page .page-header .item-header h2.subtitle2, .s-public-exhibitions.detail-page .page-header .item-header h2:not(.subtitle2){ font-size:32px; } /*.s-public-exhibitions.detail-page .page-header .item-header h2.subtitle2,*/ .s-public-exhibitions.detail-page .page-header .item-header h3{ font-size:25px; } } .s-public-exhibitions.detail-page .page-header .additional-text{ padding-top:0; display:none; /*font-size:inherit;*/ /*line-height:inherit; */ } .s-public-exhibitions.detail-page .page-header .back{ display:none; } /* special width */ .s-public-exhibitions.detail-page .contentWrapper > .container{ /*max-width:826px;*/ max-width:100%; } .s-public-exhibitions.detail-page .page-header.divider{ border:none; margin-bottom:80px; } /* special width */ .s-public-exhibitions section#press-release1 #screen-press-release1 > .container{ max-width:826px; } .s-public-exhibitions section#selected-works .container, .s-public-exhibitions section#press-release1 .container{ max-width:100%; } .s-public-exhibitions.detail-page section#selected-works h1, .s-public-exhibitions.detail-page section#press-release1 h4, .s-public-exhibitions.detail-page section#associations h4{ font-size: 25px; font-weight: 700; line-height: 1.4; } .s-public-exhibitions.detail-page section#associations .container{ max-width:1200px; } /* -------------------------------------------------------------------------- */ /* ARTFAIRS */ /* -------------------------------------------------------------------------- */ /* INDEX PAGE */ #artfairs-grid .title{ font-weight:700; /*font-size:inherit;*/ line-height:1.5; } #artfairs-grid .subtitle:not(.subtitle2){ /*font-size:inherit;*/ line-height:1.5; /*text-decoration:underline;*/ /*text-decoration-thickness:1px;*/ /*text-underline-offset:.2em;*/ } #artfairs-grid .subtitle2, #artfairs-grid .date{ /*font-size:inherit;*/ line-height:1.5; } #artfairs-grid .additional-text{ padding-top:0; color:#000000; /*font-size:inherit;*/ line-height:1.5; } /*#artfairs-grid .date{*/ /* margin-top:1em;*/ /*}*/ #artfairs-grid .placeholder{ display:none; } .s-artfairs .home header h4, .s-artfairs .home .switch a{ font-size: 25px; font-weight: 700; line-height: 1.4; } /* DETAIL PAGE */ .s-artfairs.detail-page .page-header .item-header h1{ font-size:42px; line-height:1.2; line-height:1.14; font-weight:700; } .s-artfairs.detail-page .page-header .item-header h2.subtitle2, .s-artfairs.detail-page .page-header .item-header h2:not(.subtitle2){ font-size:42px; line-height:1.2; line-height:1.14; /*text-decoration:underline;*/ /*text-decoration-thickness:1px;*/ /*text-underline-offset:.2em;*/ } /*.s-artfairs.detail-page .page-header .item-header h2.subtitle2,*/ .s-artfairs.detail-page .page-header .item-header h3{ font-size:32px; line-height:1.2; /*line-height:1.14; */ } .s-artfairs.detail-page .page-header .item-header h3{ margin-top:1em; } @media all and (max-width:767px) { .s-artfairs.detail-page .page-header .item-header h1{ font-size:32px; } .s-artfairs.detail-page .page-header .item-header h2.subtitle2, .s-artfairs.detail-page .page-header .item-header h2:not(.subtitle2){ font-size:32px; } /*.s-artfairs.detail-page .page-header .item-header h2.subtitle2,*/ .s-artfairs.detail-page .page-header .item-header h3{ font-size:32px; } } .s-artfairs.detail-page .page-header .additional-text{ padding-top:0; display:none; /*font-size:inherit;*/ /*line-height:inherit; */ } .s-artfairs.detail-page .page-header .back{ display:none; } /* special width */ .s-artfairs.detail-page .contentWrapper > .container{ /*max-width:826px;*/ max-width:100%; } .s-artfairs.detail-page .page-header.divider{ border:none; margin-bottom:80px; } .s-artfairs.detail-page section#banner figure { padding-top: 100vh; pointer-events:none } @media only screen and (orientation: portrait) { .s-artfairs.detail-page section#banner figure { padding-top: 80vw; } } .s-artfairs.detail-page section#banner figcaption{ margin-top:10px; } .s-artfairs.detail-page section#banner .slide{ padding-bottom:80px; } /* special width */ .s-artfairs section#info #screen-info > .container{ max-width:826px; } .s-artfairs section#individual-works .container, .s-artfairs section#selected-works .container, .s-artfairs section#info .container{ max-width:100%; } .s-artfairs.detail-page section#individual-works h1, .s-artfairs.detail-page section#selected-works h1, .s-artfairs.detail-page section#info h4, .s-artfairs.detail-page section#associations h4{ font-size: 25px; font-weight: 700; line-height: 1.4; } .s-artfairs.detail-page section#associations .container{ max-width:1200px; } /* -------------------------------------------------------------------------- */ /* PRESS */ /* -------------------------------------------------------------------------- */ /* INDEX PAGE */ #press-grid .title{ font-weight:700; /*font-size:inherit;*/ line-height:1.5; } #press-grid .subtitle{ /*font-size:inherit;*/ line-height:1.5; /*text-decoration:underline;*/ /*text-decoration-thickness:1px;*/ /*text-underline-offset:.2em;*/ } #press-grid .date{ /*font-size:inherit;*/ line-height:1.5; } #press-grid .entry .summary{ margin-top:0; } #press-grid .placeholder, #press-grid .entry .summary, #press-grid .entry .links{ display:none; } /* -------------------------------------------------------------------------- */ /* PUBLICATIONS */ /* -------------------------------------------------------------------------- */ /* INDEX PAGE */ #p1-grid .title{ font-weight:700; /*font-size:inherit;*/ line-height:1.5; } #p1-grid .subtitle{ /*font-size:inherit;*/ line-height:1.5; /*text-decoration:underline;*/ /*text-decoration-thickness:1px;*/ /*text-underline-offset:.2em;*/ } #p1-grid .date{ /*font-size:inherit;*/ line-height:1.5; } #p1-grid .additional-text{ padding-top:0; /*font-size:inherit;*/ line-height:1.5; } /* sidebars */ .s-p1 .home .grid-left-categories{ display:flex; } .s-p1 .home .grid-left-categories > .categories-left, .s-p1 .home .grid-left-categories > #p1-grid{ float:none; max-width:unset; } .s-p1 .home .grid-left-categories > .categories-left{ width:200px; font-weight:500; /*max-width:200px;*/ /*min-width:140px;*/ } .s-p1 .home .grid-left-categories > #p1-grid{ width:calc(100% - 200px); /*width:unset;*/ } @media all and (max-width:600px) { .s-p1 .home .grid-left-categories{ display:block; box-sizing: border-box; } .s-p1 .home .grid-left-categories > .categories-left, .s-p1 .home .grid-left-categories > #p1-grid{ width:100%; display:block; } .s-p1 .home .grid-left-categories .categories-left.screen-nav { margin-top: 0; } .s-p1 .home .grid-left-categories .categories-left.screen-nav .dropdown{ width:100%!important; } } /* DETAIL PAGE */ .s-p1.detail-page .page-header .item-header h1{ font-size:42px; line-height:1.2; line-height:1.14; font-weight:700; } .s-p1.detail-page .page-header .item-header h2{ font-size:42px; line-height:1.2; line-height:1.14; /*text-decoration:underline;*/ /*text-decoration-thickness:1px;*/ /*text-underline-offset:.2em;*/ } .s-p1.detail-page .page-header .item-header h3{ font-size:32px; line-height:1.2; /*line-height:1.14; */ } .s-p1.detail-page .page-header .item-header h3{ margin-top:1em; } @media all and (max-width:767px) { .s-p1.detail-page .page-header .item-header h1{ font-size:32px; } .s-p1.detail-page .page-header .item-header h2{ font-size:32px; } .s-p1.detail-page .page-header .item-header h3{ font-size:25px; } } .s-p1.detail-page .page-header .additional-text{ padding-top:0; display:none; /*font-size:inherit;*/ /*line-height:inherit; */ } .s-p1.detail-page .page-header.divider{ border:none; margin-bottom:80px; } /* special width */ .s-p1.detail-page .page-header-container{ /*max-width:826px;*/ max-width:100%; } .s-p1.detail-page .page-header .back{ display:none; } /* special width */ .s-p1.detail-page #description .container{ max-width:826px; } /*.s-p1.detail-page #description header{*/ /* display:none;*/ /*}*/ .s-p1.detail-page #description .left { width: calc(48.66% - 28%); } .s-p1.detail-page #description .right { width: calc(48.66% + 28%); } @media (max-width: 768px) { .s-p1.detail-page #description .left, .s-p1.detail-page #description .right{ width: 100%; float:none; padding-left:0; padding-right:0; } } .s-p1.detail-page section#embed{ padding-bottom:80px; } .s-p1 section#images .container{ max-width:100%; } .s-p1.detail-page section#images h1, .s-p1.detail-page section#description h4, .s-p1.detail-page section#associations h4{ font-size: 25px; font-weight: 700; line-height: 1.4; } .s-p1.detail-page section#associations .container{ max-width:1200px; } /* -------------------------------------------------------------------------- */ /* NEWS */ /* -------------------------------------------------------------------------- */ /* INDEX PAGE */ #nl1-list h1{ /*line-height:inherit;*/ /*line-height:inherit;*/ font-weight:700; } #nl1-list h1 a{ color:#000000; } #nl1-list h2{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*text-decoration:underline;*/ /*text-decoration-thickness:1px;*/ /*text-underline-offset:.2em;*/ } #nl1-list h3{ /*font-size:inherit;*/ /*line-height:inherit;*/ } #nl1-list .entry .links{ margin-top:1em; /*font-size:inherit;*/ /*line-height:inherit;*/ } .s-nl1 .news.news-index #nl1-list > .news.container{ max-width:1200px; } #nl1-list .entry .thumbnail { width: 30%; max-width:100% } #nl1-list .entry .info { max-width: 800px; width: 65%; } /* DETAIL PAGE */ .s-nl1.detail-page .page-header .item-header h1{ font-size:42px; line-height:1.2; line-height:1.14; font-weight:700; } .s-nl1.detail-page .page-header .item-header h2{ font-size:42px; line-height:1.2; line-height:1.14; /*text-decoration:underline;*/ /*text-decoration-thickness:1px;*/ /*text-underline-offset:.2em;*/ } .s-nl1.detail-page .page-header .item-header h3{ font-size:32px; line-height:1.2; /*line-height:1.14; */ margin-top:1em; } @media all and (max-width:767px) { .s-nl1.detail-page .page-header .item-header h1{ font-size:32px; } .s-nl1.detail-page .page-header .item-header h2{ font-size:32px; } .s-nl1.detail-page .page-header .item-header h3{ font-size:25px; } } .s-nl1.detail-page .page-header.divider{ border:none; margin-bottom:80px; } .s-nl1.detail-page .page-header .back{ display:none; } /* special width */ .s-nl1.detail-page .page-header-container{ /*max-width:826px;*/ max-width:1300px; } .s-nl1.detail-page .news-details > .clearfix > .container:not(.page-header-container){ max-width:1300px; } .s-nl1.detail-page .news-details .details{ max-width: 100%; width: 60%; } .s-nl1.detail-page .news-details.img .image { width: 35%; max-width:100%; padding-bottom:40px; text-align:left; } @media (max-width: 768px) { .s-nl1.detail-page .news-details .details, .s-nl1.detail-page .news-details.img .image { float: none; width:100% } } /* -------------------------------------------------------------------------- */ /* CAREERS */ /* -------------------------------------------------------------------------- */ /* INDEX PAGE */ .s-careers #ee-sidebar-right header.section-header h1{ font-size: 25px; font-weight: 700; line-height: 1.4; } #careers-list h1{ /*line-height:inherit;*/ /*line-height:inherit;*/ font-weight:700; } #careers-list h2{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*text-decoration:underline;*/ /*text-decoration-thickness:1px;*/ /*text-underline-offset:.2em;*/ } #careers-list h3{ /*font-size:inherit;*/ /*line-height:inherit;*/ } #careers-list .entry .links{ margin-top:1em; /*font-size:inherit;*/ /*line-height:inherit;*/ } #careers-list .entry .thumbnail{ display:none; } #careers-list .entry .info{ width:100%; max-width:900px; } #careers-list .entry a{ color:#000000; } #careers-list .entry a:hover{ color:#808080; } /* DETAIL PAGE */ .s-careers.detail-page .page-header .item-header h1{ font-size:22px; line-height:1.4; font-weight:700; } .s-careers.detail-page .page-header .item-header h2{ font-size:22px; line-height:1.4; /*text-decoration:underline;*/ /*text-decoration-thickness:1px;*/ /*text-underline-offset:.2em;*/ } .s-careers.detail-page .page-header .item-header h3{ font-size:22px; line-height:1.4; } .s-careers.detail-page .contentWrapper .container{ max-width:900px; } .s-careers.detail-page .news-details.img .image{ display:none; } .s-careers.detail-page .news-details .details{ width:100%; max-width: 100%; } /* -------------------------------------------------------------------------- */ /* SUBSCRIBE */ /* -------------------------------------------------------------------------- */ /* INDEX PAGE */ .s-subscribe #ee-sidebar-right header.section-header h1{ font-size: 25px; font-weight: 700; line-height: 1.4; } .s-subscribe .js-cm-form label{ display:none; } /* -------------------------------------------------------------------------- */ /* LOCATIONS */ /* -------------------------------------------------------------------------- */ .s-locations .custom_page #ee-sidebar-right > section header h1, .s-locations .custom_page > section header h1{ font-size: 25px; font-weight: 700; line-height: 1.4; } /* ---------------------------------------- */ /* LOCATIONS GRID */ .s-locations section[id*="grid-"] .entry .links{ display:none; } .s-locations section[id*="grid-"] p{ margin-bottom:0; } .s-locations section[id*="grid-b"] .paragraph-styling a, .s-locations section[id*="grid-b"] .paragraph-styling{ color:#808080; } .s-locations section[id*="grid-b"] .paragraph-styling a:hover{ color:#000000; } .s-locations section[id*="grid-c"] .paragraph-styling a, .s-locations section[id*="grid-c"] .paragraph-styling{ color:#808080; } .s-locations section[id*="grid-c"] .paragraph-styling a:hover{ color:#000000; } .s-locations section[id*="grid-d"] .paragraph-styling a, .s-locations section[id*="grid-d"] .paragraph-styling{ color:#808080; } .s-locations section[id*="grid-d"] .paragraph-styling a:hover{ color:#000000; } /* ---------------------------------------- */ /* LOCATIONS GRID A */ .s-locations section[id*="grid-a"] header{ display:none; } .s-locations section[id*="grid-a"] .titles{ font-weight:700; display:block; /*border-bottom:1px solid #e8e8e8;*/ /*padding-bottom:10px;*/ margin-bottom:1em; } .s-locations section[id*="grid-a"] .entry p{ line-height: inherit; } .s-locations section[id*="grid-a"] .entry{ padding-right:0; padding-bottom:0; } .s-locations section[id*="grid-a"] .entry { width: 48.4375%; margin-right: 3.125%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .s-locations section[id*="grid-a"] .entry:nth-child(2n+2) { margin-right: 0; } .s-locations section[id*="grid-a"] .entry .placeholder { padding-top: 75%; background: inherit; } .s-locations section[id*="grid-a"] .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .s-locations section[id*="grid-a"] .grid{ padding-bottom:10px; } /* ---------------------------------------- */ /* LOCATIONS GRID B */ .s-locations section[id*="grid-b"] .titles{ font-size: inherit; line-height: inherit; display:block; font-weight:700; } .s-locations section[id*="grid-b"] .entry p{ line-height: inherit; } .s-locations section[id*="grid-b"] .entry{ padding-right:0; padding-bottom:0; } .s-locations section[id*="grid-b"] .entry { width: 31.25%; margin-right: 3.125%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .s-locations section[id*="grid-b"] .entry:nth-child(3n+3) { margin-right: 0; } .s-locations section[id*="grid-b"] .entry .placeholder { padding-top: 75%; background: inherit; display:none; } .s-locations section[id*="grid-b"] .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: 900px) { .s-locations section[id*="grid-b"] .entry { width: 48.4375%; margin-right: 3.125%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .s-locations section[id*="grid-b"] .entry:nth-child(3n+3){ margin-right: 3.125%; } .s-locations section[id*="grid-b"] .entry:nth-child(2n+2) { margin-right: 0; } } .s-locations section[id*="grid-b"] .grid{ padding-bottom:60px; } @media all and (max-width: 600px) { .s-locations section[id*="grid-b"] .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: block; vertical-align: top; } .s-locations section[id*="grid-b"] .entry:nth-child(3n+3){ margin-right: 0; } .s-locations section[id*="grid-b"] .entry:nth-child(2n+2) { margin-right: 0; } } /* -------------------------------------------------------------------------- */ /* CONTACT */ /* -------------------------------------------------------------------------- */ .s-cp1 .custom_page #ee-sidebar-right > section header h1, .s-cp1 .custom_page > section header h1{ font-size: 25px; font-weight: 700; line-height: 1.4; } /* ---------------------------------------- */ /* CONTACT GRID */ .s-cp1 section[id*="grid-"] .entry .links{ display:none; } .s-cp1 section[id*="grid-"] p{ margin-bottom:0; } .s-cp1 section[id*="grid-b"] .paragraph-styling a, .s-cp1 section[id*="grid-b"] .paragraph-styling{ color:#808080; } .s-cp1 section[id*="grid-b"] .paragraph-styling a:hover{ color:#000000; } .s-cp1 section[id*="grid-c"] .paragraph-styling a, .s-cp1 section[id*="grid-c"] .paragraph-styling{ color:#808080; } .s-cp1 section[id*="grid-c"] .paragraph-styling a:hover{ color:#000000; } .s-cp1 section[id*="grid-d"] .paragraph-styling a, .s-cp1 section[id*="grid-d"] .paragraph-styling{ color:#808080; } .s-cp1 section[id*="grid-d"] .paragraph-styling a:hover{ color:#000000; } /*e f g h i*/ .s-cp1 section[id*="grid-i"] .paragraph-styling a, .s-cp1 section[id*="grid-i"] .paragraph-styling, .s-cp1 section[id*="grid-h"] .paragraph-styling a, .s-cp1 section[id*="grid-h"] .paragraph-styling, .s-cp1 section[id*="grid-g"] .paragraph-styling a, .s-cp1 section[id*="grid-g"] .paragraph-styling, .s-cp1 section[id*="grid-f"] .paragraph-styling a, .s-cp1 section[id*="grid-f"] .paragraph-styling, .s-cp1 section[id*="grid-e"] .paragraph-styling a, .s-cp1 section[id*="grid-e"] .paragraph-styling{ color:#808080; } .s-cp1 section[id*="grid-i"] .paragraph-styling a:hover, .s-cp1 section[id*="grid-h"] .paragraph-styling a:hover, .s-cp1 section[id*="grid-g"] .paragraph-styling a:hover, .s-cp1 section[id*="grid-f"] .paragraph-styling a:hover, .s-cp1 section[id*="grid-e"] .paragraph-styling a:hover{ color:#000000; } /* ---------------------------------------- */ /* CONTACT GRID A */ .s-cp1 section[id*="grid-a"] header{ display:none; } .s-cp1 section[id*="grid-a"] .titles{ font-weight:700; display:block; border-bottom:1px solid #e8e8e8; padding-bottom:10px; margin-bottom:25px; } .s-cp1 section[id*="grid-a"] .entry p{ line-height: inherit; } .s-cp1 section[id*="grid-a"] .entry{ padding-right:0; padding-bottom:0; } .s-cp1 section[id*="grid-a"] .entry { width: 48.4375%; margin-right: 3.125%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .s-cp1 section[id*="grid-a"] .entry:nth-child(2n+2) { margin-right: 0; } .s-cp1 section[id*="grid-a"] .entry .placeholder { padding-top: 75%; background: inherit; } .s-cp1 section[id*="grid-a"] .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .s-cp1 section[id*="grid-a"] .grid{ padding-bottom:10px; } /* ---------------------------------------- */ /* HOME GRID B */ .s-cp1 section[id*="grid-b"] .titles{ font-size: inherit; line-height: inherit; display:block; font-weight:700; } .s-cp1 section[id*="grid-b"] .entry p{ line-height: inherit; } .s-cp1 section[id*="grid-b"] .entry{ padding-right:0; padding-bottom:0; } .s-cp1 section[id*="grid-b"] .entry { width: 31.25%; margin-right: 3.125%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .s-cp1 section[id*="grid-b"] .entry:nth-child(3n+3) { margin-right: 0; } .s-cp1 section[id*="grid-b"] .entry .placeholder { padding-top: 75%; background: inherit; display:none; } .s-cp1 section[id*="grid-b"] .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: 900px) { .s-cp1 section[id*="grid-b"] .entry { width: 48.4375%; margin-right: 3.125%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .s-cp1 section[id*="grid-b"] .entry:nth-child(3n+3){ margin-right: 3.125%; } .s-cp1 section[id*="grid-b"] .entry:nth-child(2n+2) { margin-right: 0; } } .s-cp1 section[id*="grid-b"] .grid{ padding-bottom:60px; } @media all and (max-width: 600px) { .s-cp1 section[id*="grid-b"] .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: block; vertical-align: top; } .s-cp1 section[id*="grid-b"] .entry:nth-child(3n+3){ margin-right: 0; } .s-cp1 section[id*="grid-b"] .entry:nth-child(2n+2) { margin-right: 0; } } /* ---------------------------------------- */ /* CONTACT GRID C */ .s-cp1 section[id*="grid-c"] .titles{ font-size: inherit; line-height: inherit; display:block; font-weight:700; } .s-cp1 section[id*="grid-c"] .entry p{ line-height: inherit; } .s-cp1 section[id*="grid-c"] .entry{ padding-right:0; padding-bottom:0; } .s-cp1 section[id*="grid-c"] .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .s-cp1 section[id*="grid-c"] .entry .placeholder { padding-top: 75%; background: inherit; display:none; } .s-cp1 section[id*="grid-c"] .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: 680px) { .s-cp1 section[id*="grid-c"] .entry { width: 48.4375%; margin-right: 3.125%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .s-cp1 section[id*="grid-c"] .entry:nth-child(3n+3){ margin-right: 3.125%; } .s-cp1 section[id*="grid-c"] .entry:nth-child(2n+2) { margin-right: 0; } } .s-cp1 section[id*="grid-c"] .grid{ padding-bottom:60px; } /* ---------------------------------------- */ /* CONTACT GRID D */ .s-cp1 section[id*="grid-d"] .titles{ font-size: inherit; line-height: inherit; display:block; } .s-cp1 section[id*="grid-d"] .entry p{ line-height: inherit; } .s-cp1 section[id*="grid-d"] .entry{ padding-bottom:0; } .s-cp1 section[id*="grid-d"] .entry { margin-bottom: 50px; display: inline-block; vertical-align: top; } .s-cp1 section[id*="grid-d"] .entry .placeholder { padding-top: 75%; background: inherit; display:none; } .s-cp1 section[id*="grid-d"] .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: 800px) { .s-cp1 section[id*="grid-d"] .entry { width: 31.25%; padding-right: 3.125%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .s-cp1 section[id*="grid-d"] .entry:nth-child(4n+4){ padding-right: 3.125%; } .s-cp1 section[id*="grid-d"] .entry:nth-child(3n+3) { padding-right: 0; } } @media all and (max-width: 680px) { .s-cp1 section[id*="grid-d"] .entry { width: 48.4375%; padding-right: 3.125%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .s-cp1 section[id*="grid-d"] .entry:nth-child(3n+3), .s-cp1 section[id*="grid-d"] .entry:nth-child(4n+4){ padding-right: 3.125%; } .s-cp1 section[id*="grid-d"] .entry:nth-child(2n+2) { padding-right: 0; } } .s-cp1 section[id*="grid-d"] .grid{ padding-bottom:60px; } /* ---------------------------------------- */ /* CONTACT GRID E F G H I */ .s-cp1 section[id*="grid-i"] .titles, .s-cp1 section[id*="grid-h"] .titles, .s-cp1 section[id*="grid-g"] .titles, .s-cp1 section[id*="grid-f"] .titles, .s-cp1 section[id*="grid-e"] .titles{ font-size: inherit; line-height: inherit; display:block; font-weight:700; } .s-cp1 section[id*="grid-i"] .entry p, .s-cp1 section[id*="grid-h"] .entry p, .s-cp1 section[id*="grid-g"] .entry p, .s-cp1 section[id*="grid-f"] .entry p, .s-cp1 section[id*="grid-e"] .entry p{ line-height: inherit; } .s-cp1 section[id*="grid-i"] .entry, .s-cp1 section[id*="grid-h"] .entry, .s-cp1 section[id*="grid-g"] .entry, .s-cp1 section[id*="grid-f"] .entry, .s-cp1 section[id*="grid-e"] .entry{ padding-right:0; padding-bottom:0; } .s-cp1 section[id*="grid-i"] .entry, .s-cp1 section[id*="grid-h"] .entry, .s-cp1 section[id*="grid-g"] .entry, .s-cp1 section[id*="grid-f"] .entry, .s-cp1 section[id*="grid-e"] .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .s-cp1 section[id*="grid-i"] .entry .placeholder, .s-cp1 section[id*="grid-h"] .entry .placeholder, .s-cp1 section[id*="grid-g"] .entry .placeholder, .s-cp1 section[id*="grid-f"] .entry .placeholder, .s-cp1 section[id*="grid-e"] .entry .placeholder { padding-top: 75%; background: inherit; display:none; } .s-cp1 section[id*="grid-i"] .entry .placeholder .image img, .s-cp1 section[id*="grid-h"] .entry .placeholder .image img, .s-cp1 section[id*="grid-g"] .entry .placeholder .image img, .s-cp1 section[id*="grid-f"] .entry .placeholder .image img, .s-cp1 section[id*="grid-e"] .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: 680px) { .s-cp1 section[id*="grid-i"] .entry, .s-cp1 section[id*="grid-h"] .entry, .s-cp1 section[id*="grid-g"] .entry, .s-cp1 section[id*="grid-f"] .entry, .s-cp1 section[id*="grid-e"] .entry { width: 48.4375%; margin-right: 3.125%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .s-cp1 section[id*="grid-i"] .entry:nth-child(3n+3), .s-cp1 section[id*="grid-h"] .entry:nth-child(3n+3), .s-cp1 section[id*="grid-g"] .entry:nth-child(3n+3), .s-cp1 section[id*="grid-f"] .entry:nth-child(3n+3), .s-cp1 section[id*="grid-e"] .entry:nth-child(3n+3){ margin-right: 3.125%; } .s-cp1 section[id*="grid-i"] .entry:nth-child(2n+2), .s-cp1 section[id*="grid-h"] .entry:nth-child(2n+2), .s-cp1 section[id*="grid-g"] .entry:nth-child(2n+2), .s-cp1 section[id*="grid-f"] .entry:nth-child(2n+2), .s-cp1 section[id*="grid-e"] .entry:nth-child(2n+2) { margin-right: 0; } } .s-cp1 section[id*="grid-i"] .grid, .s-cp1 section[id*="grid-h"] .grid, .s-cp1 section[id*="grid-g"] .grid, .s-cp1 section[id*="grid-f"] .grid, .s-cp1 section[id*="grid-e"] .grid{ padding-bottom:60px; } /* ---------------------------------------- */ /*CONTACT EE-FLEX-3*/ .s-cp1 #ee-flex-3 > .container{ display:flex; justify-content:space-between; } .s-cp1 #ee-flex-3 > .container > section{ width: calc(31.25% + 3.125%); } .s-cp1 #ee-flex-3 > .container > section:nth-of-type(3){ width: 31.25%; } .s-cp1 #ee-flex-3 > .container > section:not(:nth-of-type(3)) .entry{ padding-right: 10%; box-sizing: border-box; } .s-cp1 #ee-flex-3 > .container > section:not(:first-of-type) header h1{ visibility:hidden; } .s-cp1 #ee-flex-3 header{ display:block; border:none; padding-bottom:0; } .s-cp1 #ee-flex-3 .ee-flex-3-subhead{ /*border-top:1px solid #e8e8e8;*/ border-top:1px solid transparent; margin-top:10px; padding-top:10px; font-weight:700; } @media all and (max-width: 680px) { .s-cp1 #ee-flex-3 > .container{ display:block; } .s-cp1 #ee-flex-3 > .container > section, .s-cp1 #ee-flex-3 > .container > section:nth-of-type(3){ width: 100%; } .s-cp1 #ee-flex-3 > .container > section:not(:nth-of-type(3)) .entry{ padding-right: 0; } .s-cp1 #ee-flex-3 > .container > section:not(:first-of-type) header h1{ visibility:visible; } .s-cp1 #ee-flex-3 header h1, .s-cp1 #ee-flex-3 .ee-flex-3-subhead{ display:inline-block; } .s-cp1 #ee-flex-3 header h1{ padding-right:10px!important; } .s-cp1 #ee-flex-3 .ee-flex-3-subhead{ margin-top:0; padding-top:0; border-top:none; } .s-cp1 #ee-flex-3 header{ /*border-bottom:1px solid #e8e8e8;*/ border-bottom:1px solid transparent; padding-bottom:10px; } } /* ---------------------------------------- */ /*CONTACT EE-FLEX-4*/ .s-cp1 #ee-flex-4 > .container{ display:flex; justify-content:space-between; } .s-cp1 #ee-flex-4 > .container > section{ width: calc(23% + 2.6%); } .s-cp1 #ee-flex-4 > .container > section:nth-of-type(4){ width: 23%; } .s-cp1 #ee-flex-4 > .container > section:not(:nth-of-type(4)) .entry{ padding-right: 10%; box-sizing: border-box; } .s-cp1 #ee-flex-4 > .container > section:not(:first-of-type) header h1{ visibility:hidden; } .s-cp1 #ee-flex-4 header{ display:block; border:none; padding-bottom:0; } .s-cp1 #ee-flex-4 .ee-flex-4-subhead{ /*border-top:1px solid #e8e8e8;*/ border-top:1px solid transparent; margin-top:10px; padding-top:10px; font-weight:700; } @media all and (max-width: 680px) { .s-cp1 #ee-flex-4 > .container{ display:block; } .s-cp1 #ee-flex-4 > .container > section, .s-cp1 #ee-flex-4 > .container > section:nth-of-type(4){ width: 100%; } .s-cp1 #ee-flex-4 > .container > section:not(:nth-of-type(4)) .entry{ padding-right: 0; } .s-cp1 #ee-flex-4 > .container > section:not(:first-of-type) header h1{ visibility:visible; } .s-cp1 #ee-flex-4 header h1, .s-cp1 #ee-flex-4 .ee-flex-4-subhead{ display:inline-block; } .s-cp1 #ee-flex-4 header h1{ padding-right:10px!important; } .s-cp1 #ee-flex-4 .ee-flex-4-subhead{ margin-top:0; padding-top:0; border-top:none; } .s-cp1 #ee-flex-4 header{ /*border-bottom:1px solid #e8e8e8;*/ border-bottom:1px solid transparent; padding-bottom:10px; } } /* ---------------------------------------- */ /*CONTACT EE-FLEX-2*/ .s-cp1 [id*="ee-flex-2"] > .container{ display:flex; justify-content:space-between; } .s-cp1 [id*="ee-flex-2"] > .container > section{ width: calc(48.4375% + 3.125%); } .s-cp1 [id*="ee-flex-2"] > .container > section:nth-of-type(2){ width: 48.4375%; } .s-cp1 [id*="ee-flex-2"] > .container > section:not(:nth-of-type(2)) .entry{ padding-right: 10%; box-sizing: border-box; } .s-cp1 [id*="ee-flex-2"] > .container > section:not(:first-of-type) header h1{ visibility:hidden; } .s-cp1 [id*="ee-flex-2"] header{ display:block; border:none; padding-bottom:0; } .s-cp1 [id*="ee-flex-2"] .ee-flex-2-subhead{ /*border-top:1px solid #e8e8e8;*/ border-top:1px solid transparent; margin-top:10px; padding-top:10px; font-weight:700; } @media all and (max-width: 680px) { .s-cp1 [id*="ee-flex-2"] > .container{ display:block; } .s-cp1 [id*="ee-flex-2"] > .container > section, .s-cp1 [id*="ee-flex-2"] > .container > section:nth-of-type(2){ width: 100%; } .s-cp1 [id*="ee-flex-2"] > .container > section:not(:nth-of-type(2)) .entry{ padding-right: 0; } .s-cp1 [id*="ee-flex-2"] > .container > section:not(:first-of-type) header h1{ visibility:visible; } .s-cp1 [id*="ee-flex-2"] header h1, .s-cp1 [id*="ee-flex-2"] .ee-flex-2-subhead{ display:inline-block; } .s-cp1 [id*="ee-flex-2"] header h1{ padding-right:10px!important; } .s-cp1 [id*="ee-flex-2"] .ee-flex-2-subhead{ margin-top:0; padding-top:0; border-top:none; } .s-cp1 [id*="ee-flex-2"] header{ /*border-bottom:1px solid #e8e8e8;*/ border-bottom:1px solid transparent; padding-bottom:10px; } } .s-cp1 section[id*="grid-i"] .entry a:hover .titles, .s-cp1 section[id*="grid-h"] .entry a:hover .titles, .s-cp1 section[id*="grid-g"] .entry a:hover .titles, .s-cp1 section[id*="grid-f"] .entry a:hover .titles, .s-cp1 section[id*="grid-e"] .entry a:hover .titles, .s-cp1 section[id*="grid-d"] .entry a:hover .titles, .s-cp1 section[id*="grid-c"] .entry a:hover .titles, .s-cp1 section[id*="grid-b-2"] .entry a:hover .titles{ color:#808080!important; } /* -------------------------------------------------------------------------- */ /* GALLERY-INFO WORKAROUND */ /* -------------------------------------------------------------------------- */ .main-header nav a { /*margin-left: 35px;*/ /*margin-left: 42px;*/ margin-left: 30px; } .main-header .menu-group{ display:none!important; } #ee-submenu-container{ text-align: left; padding-bottom: 60px; font-weight:500; } #ee-submenu-container a{ margin-right:25px; display:block; } #ee-submenu-container a:last-of-type{ margin-right:0; } #ee-sidebar-layout > .container{ display:flex; } #ee-sidebar-left{ width:200px; } #ee-sidebar-right{ width: calc(100% - 200px); } @media all and (max-width:1023px) { #ee-sidebar-layout > .container{ display:block; } #ee-sidebar-left{ width:100%; } #ee-sidebar-right{ width: 100%; } } /* -------------------------------------------------------------------------- */ /* ABOUT */ /* -------------------------------------------------------------------------- */ .s-about .custom_page #ee-sidebar-right > section header h1, .s-about .custom_page > section header h1{ font-size: 25px; font-weight: 700; line-height: 1.4; } .s-about .custom_page #ee-sidebar-right > section header{ display:none; } /* -------------------------------------------------------------------------- */ /* WECHAT */ /* -------------------------------------------------------------------------- */ .s-wechat #wrapper-wechat1 .container{ max-width:500px; text-align:center; } .s-wechat #wrapper-wechat1 .text-one-column-with-image > .container{ display:flex; flex-wrap: wrap; } .s-wechat #wrapper-wechat1 .text, .s-wechat #wrapper-wechat1 .image{ width:100%; padding:0; } .s-wechat #wrapper-wechat1 .text{ order:1; } .s-wechat #wrapper-wechat1 .image{ order:2; } /* -------------------------------------------------------------------------- */ /* PRIVACY POLICY */ /* -------------------------------------------------------------------------- */ /* special width */ .s-privacy-policy #wrapper-privacy-policy .container{ max-width:826px; } .s-privacy-policy #wrapper-privacy-policy h1{ font-size: 25px; font-weight: 700; line-height: 1.4; } /* -------------------------------------------------------------------------- */ /* CONFIRMATION */ /* -------------------------------------------------------------------------- */ /* special width */ .s-confirmation #wrapper-confirmation .container{ max-width:826px; } .s-confirmation #wrapper-confirmation h1{ font-size: 25px; font-weight: 700; line-height: 1.4; } /* -------------------------------------------------------------------------- */ /* CONSIGMENTS */ /* -------------------------------------------------------------------------- */ .s-consignments #wrapper-form-header .container{ max-width:826px; } .s-consignments #wrapper-form-header .text-one-column, .s-consignments #wrapper-form-header .text-one-column .content{ padding-bottom:0; } .s-consignments #wrapper-embed .container{ max-width:860px; } /* -------------------------------------------------------------------------- */ /* EE-BANNER-TOP (HOME AND CONSIGNMENTS) */ /* -------------------------------------------------------------------------- */ .s-consignments #wrapper-banner-image{ padding-bottom:80px; } .s-consignments #wrapper-banner-image .full-width-banner .slide figure { padding-top:100vh; pointer-events:none; } .s-consignments #wrapper-banner-image .slide figcaption{ position:absolute; /*bottom:80px;*/ top:0; left:0; width:100%; max-width:100%; margin:0; text-align:center; z-index:2; height:100%; align-items: center; display: flex; display:none; pointer-events:none; } .s-consignments #wrapper-banner-image .slide figcaption a{ pointer-events:auto; } .s-consignments #wrapper-banner-image .bx-controls .bx-controls-direction{ display:none; } .s-consignments #wrapper-banner-image .bx-controls .bx-pager{ position:absolute; bottom:5px; z-index:50; } .s-consignments #wrapper-banner-image h1{ font-size: 60px; line-height: 1.14; font-weight: 700; } @media (max-width: 800px) { .s-consignments #wrapper-banner-image h1 { font-size: 50px !important; } } @media (max-width: 620px) { .s-consignments #wrapper-banner-image h1 { font-size: 40px !important; } } @media (max-width: 480px) { .s-consignments #wrapper-banner-image h1 { font-size: 36px !important; } } .s-consignments #wrapper-banner-image h2, .s-consignments #wrapper-banner-image .image-description{ display:none; } /* NEW TOP BANNER MOBILE */ @media only screen and (orientation: portrait) { .s-consignments #wrapper-banner-image{ margin-top:0!important; } .s-consignments #wrapper-banner-image .full-width-banner .slide figure { padding-top:88vw; } } /* consignments banner-video */ .s-consignments #wrapper-banner-video{ margin-bottom:80px; position:relative; } .s-consignments #wrapper-banner-video > .text-wrapper{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; } /*@media (max-width: 480px) {*/ /* .s-consignments #wrapper-banner-video > .text-wrapper {*/ /* height: 100vw;*/ /* }*/ /*}*/ .s-consignments #screen-banner-video{ display:none; } .s-consignments .jarallax-video{ background-color:#000000; height:100vh; } @media only screen and (orientation: portrait) { .s-consignments .jarallax-video{ height:80vw; } .s-consignments #wrapper-banner-video{ margin-top:0!important; } } .s-consignments .jarallax-video{ animation-duration: .7s; /*animation-delay perceives faster load time*/ animation-delay: .4s; animation-fill-mode: backwards; animation-timing-function: cubic-bezier(0.5, 0, 0, 1); animation-name: fade-vid-c; } @keyframes fade-vid-c { from { opacity: 0; } to { opacity: 1; } } .s-consignments #wrapper-banner-video .text-wrapper div div.title { font-size: 60px; line-height: 1.14; font-weight: 700; text-align:center; color:#ffffff; } @media (max-width: 800px) { .s-consignments #wrapper-banner-video .text-wrapper div div.title { font-size: 50px !important; } } @media (max-width: 620px) { .s-consignments #wrapper-banner-video .text-wrapper div div.title { font-size: 40px !important; } } @media (max-width: 480px) { .s-consignments #wrapper-banner-video .text-wrapper div div.title { font-size: 36px !important; } } .s-consignments #wrapper-banner-video .text-wrapper div div.subtitle { display:none; } .s-consignments #wrapper-banner-video figcaption p{ display:none; } .s-consignments #wrapper-banner-video figcaption { text-align:center; } .s-consignments #wrapper-banner-video figcaption, .s-consignments #wrapper-banner-video figcaption .video-description { max-width: 550px; margin: 15px auto 0; } /*banner or video ONLY*/ .s-consignments #wrapper-banner-image + #wrapper-banner-video{ display:none; } /* -------------------------------------------------------------------------- */ /* VIEWING ROOM */ /* -------------------------------------------------------------------------- */ /* INDEX PAGE */ #viewing-room-new-grid .title{ font-weight:700; /*font-size:inherit;*/ line-height:1.5; } #viewing-room-new-grid .subtitle:not(.subtitle2){ /*font-size:inherit;*/ line-height:1.5; /*text-decoration:underline;*/ /*text-decoration-thickness:1px;*/ /*text-underline-offset:.2em;*/ } #viewing-room-new-grid .subtitle2, #viewing-room-new-grid .date{ /*font-size:inherit;*/ line-height:1.5; } #viewing-room-new-grid .additional-text{ padding-top:0; color:#000000; line-height:1.5; /*font-size:inherit;*/ /*line-height:inherit; */ } .s-viewing-room-new .home header h4{ font-weight:500; } /* DETAIL PAGE */ .s-viewing-room-new.detail-page .page-header-container{ display:none; } .s-viewing-room-new.detail-page section#associations .container{ max-width:1200px; } /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* VIEWING ROOM TEXT-IMAGE */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* SPACE BETWEEN */ /* -------------------------------------- */ .s-viewing-room-new section#text-image .text-one-column-with-image { padding-bottom: 80px; } .s-viewing-room-new section#text-image .text-one-column-with-image.large-image .image + .text > .container :first-child, .s-viewing-room-new section#text-image .text-one-column-with-image.banner-image .image + .text > .container :first-child{ margin-top: 80px; } /* -------------------------------------- */ /* MAX WIDTHS */ /* -------------------------------------- */ .s-viewing-room-new section#text-image .text-one-column-with-image:not(.large-image):not(.banner-image) .container{ max-width:800px; } .s-viewing-room-new section#text-image .text-one-column-with-image.no-image .text .container, .s-viewing-room-new section#text-image .text-one-column-with-image.large-image .image + .text .container, .s-viewing-room-new section#text-image .text-one-column-with-image.banner-image .image + .text .container{ max-width:800px; } /* -------------------------------------- */ /* TEXT TO IMAGE OFFSET */ /* -------------------------------------- */ .s-viewing-room-new section#text-image .text-one-column-with-image:not(.large-image):not(.banner-image) .image{ margin-top:.4em; } /* -------------------------------------- */ .s-viewing-room-new section#text-image .text-one-column-with-image .text > .container > :last-child{ /*border:1px solid #ff0000;*/ margin-bottom:0; } .s-viewing-room-new section#text-image .text-one-column-with-image.no-image .text{ float:none; width:100%; padding-left: 0; padding-right: 0; } .s-viewing-room-new section#text-image .text-one-column-with-image.banner-image .text, .s-viewing-room-new section#text-image .text-one-column-with-image.large-image .text, .s-viewing-room-new section#text-image .text-one-column-with-image .text{ padding-bottom:0; } .s-viewing-room-new section#text-image .text-one-column-with-image.banner-image .image + .text, .s-viewing-room-new section#text-image .text-one-column-with-image.large-image .image + .text { margin-top:0; } .s-viewing-room-new section#text-image .text-one-column-with-image.image-on-right .image{ text-align:left; } .s-viewing-room-new section#text-image .text-one-column-with-image.banner-image figure { min-height: 100vh; pointer-events:none } @media only screen and (orientation: portrait) { .s-viewing-room-new section#text-image .text-one-column-with-image.banner-image figure { min-height: 80vw; } } .s-viewing-room-new section#text-image .text-one-column-with-image.banner-image .image .caption, .s-viewing-room-new section#text-image .text-one-column-with-image.large-image .image .caption{ text-align:center; max-width: 400px; margin-left: auto; margin-right: auto; } .s-viewing-room-new section#text-image .text-one-column-with-image.large-image .image img{ margin-left: auto; margin-right: auto; /*max-height:100vh;*/ width:100%; } .s-viewing-room-new section#text-image .text-one-column-with-image.large-image .container{ padding:0; max-width:100%; } .s-viewing-room-new section#text-image .text-one-column-with-image.banner-image .text .container{ padding:0 20px; } /* -------------------------------------- */ /* CENTER CAPTIONS AND IMAGES */ .s-viewing-room-new section#text-image .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image{ text-align:left; } .s-viewing-room-new section#text-image .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image img{ margin-left: auto; margin-right: auto; } /* -------------------------------------- */ /*STICKY*/ .s-viewing-room-new section#text-image .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, .s-viewing-room-new section#text-image .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text{ position:sticky; top:20px; } @media (max-width: 768px) { .s-viewing-room-new section#text-image .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, .s-viewing-room-new section#text-image .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text{ position:relative; top:0; } } /* -------------------------------------- */ /* FLEX ALIGNMENT */ .s-viewing-room-new section#text-image .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) > .container{ display:flex; align-items: flex-start; } .s-viewing-room-new section#text-image .text-one-column-with-image.image-on-right:not(.large-image):not(.banner-image):not(.no-image) > .container{ flex-direction: row-reverse; } .s-viewing-room-new section#text-image .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text{ /*align-self: center;*/ float:none; } .s-viewing-room-new section#text-image .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image{ float:none; } /* -------------------------------------- */ /* LEFT RIGHT RATIO */ .s-viewing-room-new section#text-image .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text { width: 60%; /*width: 53%;*/ /*width: 50%;*/ box-sizing:border-box; } .s-viewing-room-new section#text-image .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image { width: 40%; /*width: 42%;*/ /*width: 50%;*/ box-sizing:border-box; } .s-viewing-room-new section#text-image .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image + .text { padding-left:4%; padding-right:0; box-sizing:border-box; } .s-viewing-room-new section#text-image .text-one-column-with-image.image-on-right:not(.large-image):not(.banner-image):not(.no-image) .text { padding-right:4%; padding-left:0; box-sizing:border-box; } @media (max-width: 768px) { .s-viewing-room-new section#text-image .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) > .container{ display:block; } .s-viewing-room-new section#text-image .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image{ margin-bottom:80px; } .s-viewing-room-new section#text-image .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image img{ margin-left:auto; margin-right:auto; } } /* -------------------------------------- */ /* WITH SLIDESHOW (TIS) */ .s-viewing-room-new section#text-image [data-slideshow-view] .container{ max-width:100%; } /* fake captions */ .s-viewing-room-new section#text-image [data-slideshow-view] ~ div{ /* Usually, text after TIS slideshows is display:none */ /* But Kordansky will use this text as a fake caption*/ /*display:none;*/ position:relative; z-index:50; margin-top:-80px; } .s-viewing-room-new div[data-slideshow-view='slideshow'] ~ #screen-text-image{ text-align:center; } .s-viewing-room-new div[data-slideshow-view='slideshow'] ~ #screen-text-image .text p{ font-size: .7rem; line-height: 1.5; margin-bottom:0; } .s-viewing-room-new section#text-image [data-slideshow-view]{ margin-bottom:0; } .s-viewing-room-new section#text-image [data-slideshow-view] .slideshow-headline h1{ visibility:hidden; } /*FAKE MAIL:TO INQUIRE BUTTONS*/ .s-viewing-room-new section#text-image .swiper-slide-caption p a[href*="mailto"], .s-viewing-room-new div[data-slideshow-view="slideshow"] ~ #screen-text-image .text p a[href*="mailto"]{ margin-top:20px; /*font: 14px 'Helvetica Now', sans-serif;*/ font: 16px 'Fold-Grotesque', sans-serif; text-transform:initial; border: 1px solid #000; color: #000; padding: 5px 15px 8px 15px; display:inline-block; transition: background .3s } .s-viewing-room-new section#text-image .swiper-slide-caption p a[href*="mailto"]:hover, .s-viewing-room-new div[data-slideshow-view="slideshow"] ~ #screen-text-image .text p a[href*="mailto"]:hover{ background:#000; color: #fff !important; } /* -------------------------------------- */ /*GROUP TEXT SECTIONS TOGETHER SEE JS*/ .s-viewing-room-new .ee-custom-text + .ee-custom-text{ margin-top:-50px; } /* -------------------------------------- */ /*LARGE IMAGE AND BANNER - DISPLAY NO TEXT*/ .s-viewing-room-new .banner-image .text, .s-viewing-room-new .large-image .text{ display:none; } /* ---------------------------------- */ /*EE-LARGE-IMAGE-VIDEO SEE JS*/ .s-viewing-room-new .large-image.ee-large-image-video .text{ display:block; max-width:100%; padding-bottom:0; } .s-viewing-room-new .large-image.ee-large-image-video .container{ max-width:100%!important; } /*DOWNLOADS*/ .s-viewing-room-new section#downloads{ text-align:center; } .s-viewing-room-new .downloadable-items{ padding-bottom:80px; margin-top:0; } .s-viewing-room-new .downloadable-items header, .s-viewing-room-new .downloadable-items .entry .placeholder, .s-viewing-room-new .downloadable-items .entry .titles, .s-viewing-room-new .downloadable-items .entry p{ display:none; } .s-viewing-room-new .downloadable-items .links{ margin-top:0; } .s-viewing-room-new .downloadable-items .entry{ width:100%; margin-right:0; padding-right:0; padding-bottom:2em; } .s-viewing-room-new .downloadable-items .entry .links a{ /*font: 14px 'Helvetica Now', sans-serif;*/ font: 16px 'Fold-Grotesque', sans-serif; text-transform:initial; border: 1px solid #000; color: #000; padding: 5px 15px 8px 15px; display:inline-block; transition: background .3s } .s-viewing-room-new .downloadable-items .entry .links a:hover{ background-color:#000000; color:#ffffff!important; } /* ---------------------------------- */ /* EE-VR-BACKGROUND - SEE JS */ .s-viewing-room-new.ee-vr-background .swiper-container.slideshow .slide-content-container{background: none;} .s-viewing-room-new.ee-vr-background .slider-nav-next:hover, .s-viewing-room-new.ee-vr-background .slider-nav-prev:hover, .s-viewing-room-new.ee-vr-background .slider-nav-next, .s-viewing-room-new.ee-vr-background .slider-nav-prev{ background-color:#000000; outline:5px solid #000000; background-image:url(https://s3.amazonaws.com/files.collageplatform.com.prod/application/675c7754605ea781900ec16e/vr-arrow.png); } .s-viewing-room-new.ee-vr-background .slider-nav-prev{ left:5px; } .s-viewing-room-new.ee-vr-background .slider-nav-next{ right:5px; } .s-viewing-room-new.ee-vr-background .slideshow-overlay .swiper-container .swiper-button-prev { left:15px; background-color:transparent; outline:none; } .s-viewing-room-new.ee-vr-background .slideshow-overlay .swiper-container .swiper-button-next { right:15px; background-color:transparent; outline:none; } .s-viewing-room-new.ee-vr-background section#associations{ background-color:#ffffff; padding-top:80px; } .s-viewing-room-new.ee-vr-background .downloadable-items .entry .links a, .s-viewing-room-new.ee-vr-background section#text-image .swiper-slide-caption p a[href*="mailto"] span, .s-viewing-room-new.ee-vr-background div[data-slideshow-view="slideshow"] ~ #screen-text-image .text p a[href*="mailto"] span, .s-viewing-room-new.ee-vr-background section#text-image .swiper-slide-caption p a[href*="mailto"], .s-viewing-room-new.ee-vr-background div[data-slideshow-view="slideshow"] ~ #screen-text-image .text p a[href*="mailto"]{ color: #ffffff!important; background-color:#000000!important; transition-property: none; } .s-viewing-room-new.ee-vr-background .downloadable-items .entry .links a:hover, .s-viewing-room-new.ee-vr-background section#text-image .swiper-slide-caption p a[href*="mailto"]:hover span, .s-viewing-room-new.ee-vr-background div[data-slideshow-view="slideshow"] ~ #screen-text-image .text p a[href*="mailto"]:hover span, .s-viewing-room-new.ee-vr-background section#text-image .swiper-slide-caption p a[href*="mailto"]:hover, .s-viewing-room-new.ee-vr-background div[data-slideshow-view="slideshow"] ~ #screen-text-image .text p a[href*="mailto"]:hover{ color: #cccccc !important; background:#000000!important; transition-property: none; } .ee-vr-background .text p span{padding: .3em 0;} .ee-vr-background .slideshow-overlay{background:#000000;} .ee-vr-background .slideshow-overlay .slideshow-overlay-close{background-image:url(https://s3.amazonaws.com/files.collageplatform.com.prod/application/675c7754605ea781900ec16e/close-text-image-light.png);} /*.ee-vr-background .slider-nav-prev{transform-origin-x:0;}*/ /*.ee-vr-background .slider-nav-next{transform-origin-x:100%;}*/ /*.ee-vr-background .slideshow-overlay{background:#000000;}*/ /*.ee-vr-background .slideshow-overlay .slideshow-overlay-close{background-image:url(https://s3.amazonaws.com/files.collageplatform.com.prod/application/675c7754605ea781900ec16e/close-text-image-light.png);}*/ /*.ee-vr-background .slideshow-overlay .slider-nav-prev{border-left:0;}*/ /*.ee-vr-background .slideshow-overlay .slider-nav-next{border-right:0;} */ /*.ee-vr-background .text p span{padding: 7px 0;}*/ /*.s-viewing-room-new.ee-vr-background div[data-slideshow-view='slideshow'] ~ #screen-text-image .text p span{padding: 5px 0;}*/ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /*EMAIL PROTECTED*/ /* -------------------------------------------------------------------------- */ .emailProtectedPage{ min-height: 100%; display: flex; align-items: center; box-sizing:border-box; } .emailProtectedPage{ /* TEMP MATCH MAIN-HEADER HEIGHT TO PREVENT JUMPING - WILL BE CORRECTED WITH JS */ /* DEPENDENT ON MENU FIXED AND OR LOGO FLOAT */ /*padding-top: 162px;*/ /*margin-top: -162px;*/ min-height: calc(100% - 162px); } .emailProtectedPage > .container{ text-align:center; margin-bottom:80px; max-width:620px; width:100%; } .emailProtectedPage p:empty{ display:none; } .emailProtectedPage form{ margin-bottom:20px; text-align:center; } .emailProtectedPage form input{ display:inline-block; } .emailProtectedPage form input[type="email"], .emailProtectedPage form input[type="text"]{ height: unset; font-size: 16px; line-height: normal; padding: 12px 15px 12px 15px; border: 1px solid #ccc; background-color:#ffffff; margin-bottom:20px; vertical-align:top; text-align:left; } .emailProtectedPage form input[type="email"]:focus, .emailProtectedPage form input[type="text"]:focus{ outline:0; border: 1px solid #000000; } .emailProtectedPage form input[type="text"] { width: 48%; } .emailProtectedPage form input[type="text"]:first-of-type { margin-right: 4%; } .emailProtectedPage form input[type="email"] { width: 75%; margin-right:4%; } .emailProtectedPage form input[type="submit"]{ height: unset; width: 21%; font-size: 16px; line-height: normal; padding: 12px 15px 12px 15px; border: 1px solid #ccc; background-color:#f7f7f7; margin-bottom:20px; vertical-align:top; text-align:center; } .emailProtectedPage form input[type="submit"]:hover{ background-color:#000000; color:#ffffff; } .emailProtectedPage .logo{ margin-bottom:30px; display:block; } @media all and (max-width: 680px), screen and (max-height: 560px){ .emailProtectedPage > .container{ padding-top:20px; } .emailProtectedPage{ padding-bottom:0!important; align-items: unset; } .emailProtectedPage form input[type="email"], .emailProtectedPage form input[type="text"], .emailProtectedPage form input[type="submit"]{ display:block; width:100%; } .emailProtectedPage form input[type="email"], .emailProtectedPage form input[type="text"], .emailProtectedPage form input[type="submit"]{ /*mobile input sizing*/ font-size: 16px; } } .emailProtectedPage h4{ margin-bottom:40px !important; color:#000000; font-weight: 700; font-size: 23px; line-height: 1.2; line-height:1.14; } @media all and (max-width:768px){.emailProtectedPage h4{font-size:22px;}} @media all and (max-width:620px){.emailProtectedPage h4{font-size:20px;}} /* -------------------------------------------------------------------------- */ /* FOOTER */ /* -------------------------------------------------------------------------- */ footer{ /* keep PADDING-TOP set to 0 */ padding-top: 0; padding-bottom: 30px; line-height:1.5; background-color:#000000; color:#ffffff; /*background-image: linear-gradient(-180deg, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0) 50%);*/ /*font-size: inherit;*/ /*line-height: inherit;*/ } footer .container>.divider{ display:block; /* overide scroll-reveal opacity */ opacity:1!important; /* margin-bottom below = top padding of footer */ margin-bottom:40px; /* DO NOT REMOVE BORDER - USE HEX OR TRANSPARENT */ /*border-color:#000000;*/ border-color:transparent; } footer div.container{ max-width:100%; position:relative; } footer div.container div{ box-sizing:border-box; } footer div { display: block; padding-right: 0; vertical-align: top; } footer div.footer-cols{ width:100%; padding-right:0; line-height:inherit; display:flex; justify-content:space-between; } footer .footer-siteindex{ display:none; } /* FOOTER SOCIAL */ footer > .container > .footer-social{ float: none; position:absolute; right:0; padding:inherit; bottom:0; } footer .footer-social { float:none; line-height:100% } footer .footer-social a { height: 25px; width: 25px; overflow: hidden; } footer .footer-social img { max-width: 25px; max-height: 25px; filter: invert(1); } footer .footer-social a:hover img { opacity:.5; } footer .footer-col1 img{ filter: invert(1); vertical-align: unset; } footer .footer-col1 p:first-of-type{ display:none; } /* FOOTER FORM */ footer form label{ display:none; } footer form input, footer form input[type=email]{ color:#ffffff; border: none; border-bottom:1px solid #ffffff; padding: 10px 10px 10px 0; background: transparent; } footer form input:focus{ border-color:#ffffff; } footer form button{ margin-top:12px; background-color:transparent; border: 1px solid #fff; color: #fff; padding: 5px 15px 8px 15px; display:inline-block; transition: background .3s } footer form button:hover { background-color:#fff; color: #000 !important; } /* EE-FOOTER-FOOTER */ footer #ee-footer-footer { margin-top:120px; display:flex; font-family: Arial, Helvetica, Sans-serif; font-size: 9px; text-transform:initial; } footer #ee-footer-footer p{ font-family: Arial, Helvetica, Sans-serif; font-size: 10px; text-transform:initial; } footer #ee-footer-footer a{ color:#ffffff; } footer #ee-footer-footer a:hover{ color:#808080; } footer #ee-footer-footer > p, footer #ee-footer-footer > div, footer #ee-footer-footer > span{ padding-right:15px; line-height:normal; margin-bottom:0; white-space:nowrap; line-height:2; } footer #ee-footer-footer .credit { margin-top:0; font-size: 10px; } /* MOBILE FOOTER */ @media all and (max-width:1023px) { footer div.footer-cols{ display:block; } footer div.footer-cols > div{ display:block; text-align:left; padding-bottom:60px; } footer > .container > .footer-social{ position:relative; right:unset; bottom:unset; text-align:left; padding:0; } } @media all and (max-width:600px) { footer #ee-footer-footer { display:block; } } /* -------------------------------------------------------------------------- */ /* CONTAINER */ /* -------------------------------------------------------------------------- */ .container, footer div.container{padding: 0 40px;} /* keep padding*/ @media all and (max-width:1120px) { .container, footer div.container{padding: 0 20px;} } /* keep 100% width */ @media all and (max-width:800px) { .container{max-width: 100%;} } /* -------------------------------------------------------------------------- */ /* CK EDITOR */ /* -------------------------------------------------------------------------- */ .ee-editor-large{ font-size:20px; } .ee-editor-font-quote-1{ font-size:20px; font-weight:700; } /*.ee-editor-center{*/ /* text-align:center;*/ /*}*/ .ee-hr{ border:none; border-top:1px solid #cccccc; height:1px; margin-top:30px; margin-bottom:30px; } /* -------------------------------------- */ /*SCREEN INVERT*/ section[id*='content-a'] .ee-custom-screen-invert{ color:#ffffff; background-color:#000000; padding-top:80px; margin-bottom:80px; } section[id*='content-a'] .ee-custom-screen-invert p, section[id*='content-a'] .ee-custom-screen-invert .caption p{ color:#ffffff; } section[id*='content-a'] .ee-custom-screen-invert + .ee-custom-screen-invert{ padding-top:0px; margin-top:-80px } section[id*='content-a'] .ee-custom-screen-invert a:hover{ color:#ffffff; } /* -------------------------------------- */ /* SIDE BANNERS */ section[id*='content-a'] .text-one-column-with-image.ee-custom-screen-side-banner:not(.large-image):not(.banner-image):not(.no-image) .text { width: 23%; } section[id*='content-a'] .text-one-column-with-image.ee-custom-screen-side-banner:not(.large-image):not(.banner-image):not(.no-image) .image { width: 72%; } section[id*='content-a'] .text-one-column-with-image.ee-custom-screen-side-banner:not(.large-image):not(.banner-image):not(.no-image) .container{ max-width:1600px; } section[id*='content-a'] .text-one-column-with-image.ee-custom-screen-side-banner:not(.large-image):not(.banner-image):not(.no-image) .image .ee-side-banner-image-container{ padding-top:75%; position:relative; } section[id*='content-a'] .text-one-column-with-image.ee-custom-screen-side-banner:not(.large-image):not(.banner-image):not(.no-image) .image img{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; } /* -------------------------------------- */ /* SIDE LARGE */ section[id*='content-a'] .text-one-column-with-image.ee-custom-screen-side-large:not(.large-image):not(.banner-image):not(.no-image) .text { width: 23%; } section[id*='content-a'] .text-one-column-with-image.ee-custom-screen-side-large:not(.large-image):not(.banner-image):not(.no-image) .image { width: 72%; } section[id*='content-a'] .text-one-column-with-image.ee-custom-screen-side-large:not(.large-image):not(.banner-image):not(.no-image) .container{ max-width:1600px; } section[id*='content-a'] .text-one-column-with-image.ee-custom-screen-side-large:not(.large-image):not(.banner-image):not(.no-image) .image .ee-side-large-image-container{ /*padding-top:75%;*/ /*position:relative;*/ } section[id*='content-a'] .text-one-column-with-image.ee-custom-screen-side-large:not(.large-image):not(.banner-image):not(.no-image) .image img{ /*position:absolute;*/ /*top:0;*/ /*left:0;*/ /*width:100%;*/ /*height:100%;*/ /*object-fit:contain;*/ } /* -------------------------------------- */ /*SCREEN-WIDE*/ section[id*='content-a'] .text-one-column-with-image.no-image.ee-custom-screen-wide .container{ max-width:1600px; } /* -------------------------------------- */ /*ALIGN-TOP*/ section[id*='content-a'] .text-one-column-with-image.ee-custom-screen-align-top:not(.large-image):not(.banner-image):not(.no-image) .text{ align-self: unset; } /* -------------------------------------- */ /*SCREEN-VIDEO-BANNER*/ .ee-custom-screen-video-banner.banner-image .jarallax-video{ background-color:#000000; height:100vh; } .ee-custom-screen-video-banner.banner-image .image{ width:100%!important; margin-top:0!important; } @media only screen and (orientation: portrait) { .ee-custom-screen-video-banner.banner-image .jarallax-video{ height:80vw; } } .ee-custom-screen-video-banner.banner-image .jarallax-video{ animation-duration: .7s; /*animation-delay perceives faster load time*/ animation-delay: .4s; animation-fill-mode: backwards; animation-timing-function: cubic-bezier(0.5, 0, 0, 1); animation-name: fade-vid; } @keyframes fade-vid { from { opacity: 0; /*transform:translateY(40px);*/ } to { opacity: 1; /*transform:translateY(0);*/ } } /* -------------------------------------- */ /*CK HOME*/ /*.s-home section[id*="banner-top"] .image-description p .ee-editor-small{*/ /* font-size:19px;*/ /*}*/ .s-home section[id*="banner-top"] .ee-editor-button a{ color:#808080!important; font-size:16px; border:0!important; padding:0!important; } .s-home section[id*="banner-top"] .ee-editor-button a:hover { background-color:#ffffff!important; color: #000000 !important; } /* -------------------------------------- */ /*CK CONSIGNMENTS*/ .s-consignments section[id*="banner-top"] .image-description p .ee-editor-small{ font-size:19px; } .s-consignments section[id*="banner-top"] .ee-editor-button a{ /*font: 15px 'Helvetica Now', sans-serif;*/ font: 15px 'Fold-Grotesque', sans-serif; margin-top:12px; background-color:transparent; border: 1px solid #000000; color: #000000; padding: 5px 15px 8px 15px; display:inline-block; transition: background .3s } .s-consignments section[id*="banner-top"] .ee-editor-button a:hover { background-color:#000000; color: #ffffff !important; } .s-consignments section[id*="form-header"] .ee-editor-large, .s-consignments section[id*="content-a"] .ee-editor-large{ font-size: 25px; font-weight: 700; line-height: 1.4; } .s-consignments section[id*="content-a"] .ee-editor-button a{ /*font: 15px 'Helvetica Now', sans-serif;*/ font: 15px 'Fold-Grotesque', sans-serif; margin-top:12px; background-color:transparent; border: 1px solid #000000; color: #000000; padding: 5px 15px 8px 15px; display:inline-block; transition: background .3s } .s-consignments section[id*="content-a"] .ee-editor-button a:hover { background-color:#000000; color: #ffffff !important; } .s-consignments section[id*="content-a"] .ee-editor-center{ text-align:center; } /* -------------------------------------- */ /*CK VIEWING ROOM*/ .s-viewing-room-new.detail-page .ee-editor-button{ display:block; text-align:center; } .s-viewing-room-new.detail-page .ee-editor-button a{ margin-top:20px; /*font: 14px 'Helvetica Now', sans-serif;*/ font: 16px 'Fold-Grotesque', sans-serif; text-transform:initial; border: 1px solid #000; color: #000; padding: 5px 15px 8px 15px; display:inline-block; transition: background .3s } .s-viewing-room-new.detail-page .ee-editor-button a:hover{ background-color:#000000; color:#ffffff!important; } .s-viewing-room-new.ee-vr-background .ee-editor-button a{ color: #ffffff!important; background-color:#000000!important; transition-property: none; } .s-viewing-room-new.ee-vr-background .ee-editor-button a:hover{ color: #cccccc!important; background-color:#000000!important; transition-property: none; } .s-viewing-room-new.detail-page .ee-editor-font-style-1{ font-family:"Century Schoolbook Monospaced"; letter-spacing:0; } .s-viewing-room-new.detail-page .ee-editor-font-style-2{ font-family:"Uniform Condensed"; letter-spacing: .03em; } .s-viewing-room-new.detail-page .ee-editor-font-style-3{ font-family:"Rounds"; letter-spacing:0; } .s-viewing-room-new.detail-page .ee-editor-font-style-4{ font-family:"Sign Letters JNL"; letter-spacing:.03em; } /*----------------------------------------------------------------------------*/ /*CUSTOM BULLETS */ /*----------------------------------------------------------------------------*/ p.ee-editor-bullet-style{ margin-left:15px; margin-bottom:0; } p.ee-editor-bullet-style:before { content: "• "; font-family: Arial; font-weight:700; color: #000; padding-right:5px; margin-left:-15px; } p.ee-editor-bullet-style-last, p.ee-editor-bullet-style:last-child{ margin-bottom:1em; } /*p:not(.ee-editor-bullet-style) + p.ee-editor-bullet-style{*/ /* margin-top:-1em;*/ /*}*/ p.ee-editor-no-margin{ margin-bottom:0!important; } /* -------------------------------------------------------------------------- */ /* EE-PREVIEW (HIDE ENTRIES) */ /* -------------------------------------------------------------------------- */ /* hide entries based on initial grid (4-up) */ #e1-grid.ee-preview .entry:not(:nth-child(-n+4)){ display:none;} #public-exhibitions-grid.ee-preview .entry:not(:nth-child(-n+4)){ display:none;} #viewing-room-new-grid.ee-preview .entry:not(:nth-child(-n+4)){ display:none;} #artfairs-grid.ee-preview .entry:not(:nth-child(-n+4)){ display:none;} #p1-grid.ee-preview .entry:not(:nth-child(-n+4)){ display:none;} #press-grid.ee-preview .entry:not(:nth-child(-n+4)){ display:none;} /* EE-VIEW-MORE (BUTTON) */ .ee-view-more-container{ text-align:center; padding-bottom:100px; } .ee-view-more-container a{ cursor:pointer; font-size: 16px; line-height: 1.8; border: 1px solid #000; color: #000; padding: 5px 15px; display:inline-block; transition: background .3s } .ee-view-more-container a:hover { background:#000; color: #fff !important; } /* -------------------------------------------------------------------------- */ /* SCROLL REVEAL */ /* -------------------------------------------------------------------------- */ /* pre-hide elements */ html.sr .grid-container .entry, html.sr .list .entry .thumbnail, html.sr .list .entry .info, html.sr .squared .thumbnail-container, html.sr .footer-cols > div, html.sr .text-one-column-with-image .text, html.sr .text-one-column-with-image:not(.banner-image):not(.image-uncropped_banner) .image, html.sr .text-one-column, html.sr .text-two-columns .right, html.sr .text-two-columns .left, html.sr .text-three-columns .column, html.sr .news-details .details, html.sr .news-details .image, html.sr .artists.home .entries { visibility: hidden; } .home #p1-grid .entry:not(:nth-child(-n+18)){ visibility: visible!important; } body #overlay .slide img, .slide figure img { height: auto !important; object-fit: contain; } /* -------------------------------------------------------------------------- */ /* 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;}*/ .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 675c7754605ea781900ec16e\2F 92a990004af8a11413fc18dd86d16dc0\2E png') no-repeat; background-size: 32px 64px; 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; } *: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 675c7754605ea781900ec16e\2F 92a990004af8a11413fc18dd86d16dc0\2E png') no-repeat; background-size: 32px 64px; 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 675c7754605ea781900ec16e\2F 92a990004af8a11413fc18dd86d16dc0\2E png') no-repeat; background-size: 32px 64px; 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 675c7754605ea781900ec16e\2F 92a990004af8a11413fc18dd86d16dc0\2E png') no-repeat; background-size: 32px 64px; background-position: -16px -32px; border: 0; }