.container { max-width: 1400px; } .custom-grid .entry { width: 23.714285714286%; margin-right: 1.7142857142857%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 75%; 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: 32.142857142857%; margin-right: 1.7857142857143%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-e1 .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-e1 .entry .placeholder { padding-top: 74.888888888889%; background: inherit; } .custom-grid-e1 .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-e1 .entry { width: 32.142857142857%; margin-right: 1.7857142857143%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-e1 .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-e1 .entry .placeholder { padding-top: 74.888888888889%; background: inherit; } .detail-page .custom-grid-e1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-a1 .entry { width: 23.714285714286%; margin-right: 1.7142857142857%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-a1 .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-a1 .entry .placeholder { padding-top: 75%; background: inherit; } .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; } .detail-page .custom-grid-a1 .entry { width: 32.142857142857%; margin-right: 1.7857142857143%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-a1 .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-a1 .entry .placeholder { padding-top: 74.888888888889%; 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.714285714286%; margin-right: 1.7142857142857%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-p1 .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-p1 .entry .placeholder { padding-top: 112.95180722892%; 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-nl1 .entry { width: 23.714285714286%; margin-right: 1.7142857142857%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-nl1 .entry:nth-child(4n+4) { margin-right: 0; } .detail-page .custom-grid-nl1 .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-nl1 .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: 49.071428571429%; margin-right: 1.8571428571429%; margin-bottom: 50px; 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: 74.963609898108%; 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; } .custom-grid-public-exhibitions .entry { width: 32.142857142857%; margin-right: 1.7857142857143%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-public-exhibitions .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-public-exhibitions .entry .placeholder { padding-top: 74.888888888889%; background: inherit; } .custom-grid-public-exhibitions .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .detail-page .custom-grid-public-exhibitions .entry { width: 32.142857142857%; margin-right: 1.7857142857143%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-public-exhibitions .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-public-exhibitions .entry .placeholder { padding-top: 74.888888888889%; background: inherit; } .detail-page .custom-grid-public-exhibitions .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } @media all and (max-width: 768px) { .custom-grid .entry { width: 31.619047619048%; margin-right: 2.5714285714286%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4){ margin-right: 2.5714285714286%; } .custom-grid .entry:nth-child(3n+3){ margin-right: 2.5714285714286%; } .custom-grid .entry:nth-child(2n+2){ margin-right: 2.5714285714286%; } .custom-grid .entry:nth-child(2n+2){ margin-right: 2.5714285714286%; } .custom-grid .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 75%; 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: 32.142857142857%; margin-right: 1.7857142857143%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 1.7857142857143%; } .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 1.7857142857143%; } .custom-grid-e1 .entry:nth-child(2n+2){ margin-right: 1.7857142857143%; } .custom-grid-e1 .entry:nth-child(1n+1){ margin-right: 1.7857142857143%; } .custom-grid-e1 .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-e1 .entry .placeholder { padding-top: 74.888888888889%; background: inherit; } .custom-grid-e1 .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-e1 .entry { width: 32.142857142857%; margin-right: 1.7857142857143%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 1.7857142857143%; } .detail-page .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 1.7857142857143%; } .detail-page .custom-grid-e1 .entry:nth-child(2n+2){ margin-right: 1.7857142857143%; } .detail-page .custom-grid-e1 .entry:nth-child(2n+2){ margin-right: 1.7857142857143%; } .detail-page .custom-grid-e1 .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-e1 .entry .placeholder { padding-top: 74.888888888889%; background: inherit; } .detail-page .custom-grid-e1 .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-a1 .entry { width: 31.619047619048%; margin-right: 2.5714285714286%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-a1 .entry:nth-child(4n+4){ margin-right: 2.5714285714286%; } .custom-grid-a1 .entry:nth-child(3n+3){ margin-right: 2.5714285714286%; } .custom-grid-a1 .entry:nth-child(2n+2){ margin-right: 2.5714285714286%; } .custom-grid-a1 .entry:nth-child(2n+2){ margin-right: 2.5714285714286%; } .custom-grid-a1 .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-a1 .entry .placeholder { padding-top: 75%; background: inherit; } .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) { .detail-page .custom-grid-a1 .entry { width: 32.142857142857%; margin-right: 1.7857142857143%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-a1 .entry:nth-child(3n+3){ margin-right: 1.7857142857143%; } .detail-page .custom-grid-a1 .entry:nth-child(3n+3){ margin-right: 1.7857142857143%; } .detail-page .custom-grid-a1 .entry:nth-child(2n+2){ margin-right: 1.7857142857143%; } .detail-page .custom-grid-a1 .entry:nth-child(2n+2){ margin-right: 1.7857142857143%; } .detail-page .custom-grid-a1 .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-a1 .entry .placeholder { padding-top: 74.888888888889%; 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: 31.619047619048%; margin-right: 2.5714285714286%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-p1 .entry:nth-child(4n+4){ margin-right: 2.5714285714286%; } .custom-grid-p1 .entry:nth-child(3n+3){ margin-right: 2.5714285714286%; } .custom-grid-p1 .entry:nth-child(2n+2){ margin-right: 2.5714285714286%; } .custom-grid-p1 .entry:nth-child(2n+2){ margin-right: 2.5714285714286%; } .custom-grid-p1 .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-p1 .entry .placeholder { padding-top: 112.95180722892%; 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-nl1 .entry { width: 31.619047619048%; margin-right: 2.5714285714286%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-nl1 .entry:nth-child(4n+4){ margin-right: 2.5714285714286%; } .detail-page .custom-grid-nl1 .entry:nth-child(3n+3){ margin-right: 2.5714285714286%; } .detail-page .custom-grid-nl1 .entry:nth-child(2n+2){ margin-right: 2.5714285714286%; } .detail-page .custom-grid-nl1 .entry:nth-child(2n+2){ margin-right: 2.5714285714286%; } .detail-page .custom-grid-nl1 .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-nl1 .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-nl1 .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: 49.071428571429%; margin-right: 1.8571428571429%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-viewing-room .entry:nth-child(2n+2){ margin-right: 1.8571428571429%; } .custom-grid-viewing-room .entry:nth-child(2n+2){ margin-right: 1.8571428571429%; } .custom-grid-viewing-room .entry:nth-child(1n+1){ margin-right: 1.8571428571429%; } .custom-grid-viewing-room .entry:nth-child(1n+1){ margin-right: 1.8571428571429%; } .custom-grid-viewing-room .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-viewing-room .entry .placeholder { padding-top: 74.963609898108%; 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) { .custom-grid-public-exhibitions .entry { width: 32.142857142857%; margin-right: 1.7857142857143%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-public-exhibitions .entry:nth-child(3n+3){ margin-right: 1.7857142857143%; } .custom-grid-public-exhibitions .entry:nth-child(3n+3){ margin-right: 1.7857142857143%; } .custom-grid-public-exhibitions .entry:nth-child(2n+2){ margin-right: 1.7857142857143%; } .custom-grid-public-exhibitions .entry:nth-child(1n+1){ margin-right: 1.7857142857143%; } .custom-grid-public-exhibitions .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-public-exhibitions .entry .placeholder { padding-top: 74.888888888889%; background: inherit; } .custom-grid-public-exhibitions .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .detail-page .custom-grid-public-exhibitions .entry { width: 32.142857142857%; margin-right: 1.7857142857143%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-public-exhibitions .entry:nth-child(3n+3){ margin-right: 1.7857142857143%; } .detail-page .custom-grid-public-exhibitions .entry:nth-child(3n+3){ margin-right: 1.7857142857143%; } .detail-page .custom-grid-public-exhibitions .entry:nth-child(2n+2){ margin-right: 1.7857142857143%; } .detail-page .custom-grid-public-exhibitions .entry:nth-child(2n+2){ margin-right: 1.7857142857143%; } .detail-page .custom-grid-public-exhibitions .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-public-exhibitions .entry .placeholder { padding-top: 74.888888888889%; background: inherit; } .detail-page .custom-grid-public-exhibitions .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid .entry { width: 47.428571428571%; margin-right: 5.1428571428571%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4){ margin-right: 5.1428571428571%; } .custom-grid .entry:nth-child(3n+3){ margin-right: 5.1428571428571%; } .custom-grid .entry:nth-child(2n+2){ margin-right: 5.1428571428571%; } .custom-grid .entry:nth-child(2n+2){ margin-right: 5.1428571428571%; } .custom-grid .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 75%; 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: 48.214285714286%; margin-right: 3.5714285714286%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 3.5714285714286%; } .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 3.5714285714286%; } .custom-grid-e1 .entry:nth-child(2n+2){ margin-right: 3.5714285714286%; } .custom-grid-e1 .entry:nth-child(1n+1){ margin-right: 3.5714285714286%; } .custom-grid-e1 .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-e1 .entry .placeholder { padding-top: 74.888888888889%; background: inherit; } .custom-grid-e1 .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-e1 .entry { width: 48.214285714286%; margin-right: 3.5714285714286%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 3.5714285714286%; } .detail-page .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 3.5714285714286%; } .detail-page .custom-grid-e1 .entry:nth-child(2n+2){ margin-right: 3.5714285714286%; } .detail-page .custom-grid-e1 .entry:nth-child(2n+2){ margin-right: 3.5714285714286%; } .detail-page .custom-grid-e1 .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-e1 .entry .placeholder { padding-top: 74.888888888889%; background: inherit; } .detail-page .custom-grid-e1 .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-a1 .entry { width: 47.428571428571%; margin-right: 5.1428571428571%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-a1 .entry:nth-child(4n+4){ margin-right: 5.1428571428571%; } .custom-grid-a1 .entry:nth-child(3n+3){ margin-right: 5.1428571428571%; } .custom-grid-a1 .entry:nth-child(2n+2){ margin-right: 5.1428571428571%; } .custom-grid-a1 .entry:nth-child(2n+2){ margin-right: 5.1428571428571%; } .custom-grid-a1 .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-a1 .entry .placeholder { padding-top: 75%; background: inherit; } .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) { .detail-page .custom-grid-a1 .entry { width: 48.214285714286%; margin-right: 3.5714285714286%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-a1 .entry:nth-child(3n+3){ margin-right: 3.5714285714286%; } .detail-page .custom-grid-a1 .entry:nth-child(3n+3){ margin-right: 3.5714285714286%; } .detail-page .custom-grid-a1 .entry:nth-child(2n+2){ margin-right: 3.5714285714286%; } .detail-page .custom-grid-a1 .entry:nth-child(2n+2){ margin-right: 3.5714285714286%; } .detail-page .custom-grid-a1 .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-a1 .entry .placeholder { padding-top: 74.888888888889%; 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: 47.428571428571%; margin-right: 5.1428571428571%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-p1 .entry:nth-child(4n+4){ margin-right: 5.1428571428571%; } .custom-grid-p1 .entry:nth-child(3n+3){ margin-right: 5.1428571428571%; } .custom-grid-p1 .entry:nth-child(2n+2){ margin-right: 5.1428571428571%; } .custom-grid-p1 .entry:nth-child(2n+2){ margin-right: 5.1428571428571%; } .custom-grid-p1 .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-p1 .entry .placeholder { padding-top: 112.95180722892%; 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-nl1 .entry { width: 47.428571428571%; margin-right: 5.1428571428571%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-nl1 .entry:nth-child(4n+4){ margin-right: 5.1428571428571%; } .detail-page .custom-grid-nl1 .entry:nth-child(3n+3){ margin-right: 5.1428571428571%; } .detail-page .custom-grid-nl1 .entry:nth-child(2n+2){ margin-right: 5.1428571428571%; } .detail-page .custom-grid-nl1 .entry:nth-child(2n+2){ margin-right: 5.1428571428571%; } .detail-page .custom-grid-nl1 .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-nl1 .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-nl1 .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: 100%; margin-right: 0%; margin-bottom: 50px; 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(1n+1){ 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: 74.963609898108%; 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) { .custom-grid-public-exhibitions .entry { width: 48.214285714286%; margin-right: 3.5714285714286%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-public-exhibitions .entry:nth-child(3n+3){ margin-right: 3.5714285714286%; } .custom-grid-public-exhibitions .entry:nth-child(3n+3){ margin-right: 3.5714285714286%; } .custom-grid-public-exhibitions .entry:nth-child(2n+2){ margin-right: 3.5714285714286%; } .custom-grid-public-exhibitions .entry:nth-child(1n+1){ margin-right: 3.5714285714286%; } .custom-grid-public-exhibitions .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-public-exhibitions .entry .placeholder { padding-top: 74.888888888889%; background: inherit; } .custom-grid-public-exhibitions .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .detail-page .custom-grid-public-exhibitions .entry { width: 48.214285714286%; margin-right: 3.5714285714286%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-public-exhibitions .entry:nth-child(3n+3){ margin-right: 3.5714285714286%; } .detail-page .custom-grid-public-exhibitions .entry:nth-child(3n+3){ margin-right: 3.5714285714286%; } .detail-page .custom-grid-public-exhibitions .entry:nth-child(2n+2){ margin-right: 3.5714285714286%; } .detail-page .custom-grid-public-exhibitions .entry:nth-child(2n+2){ margin-right: 3.5714285714286%; } .detail-page .custom-grid-public-exhibitions .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-public-exhibitions .entry .placeholder { padding-top: 74.888888888889%; background: inherit; } .detail-page .custom-grid-public-exhibitions .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid .entry { width: 47.428571428571%; margin-right: 5.1428571428571%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4){ margin-right: 5.1428571428571%; } .custom-grid .entry:nth-child(3n+3){ margin-right: 5.1428571428571%; } .custom-grid .entry:nth-child(2n+2){ margin-right: 5.1428571428571%; } .custom-grid .entry:nth-child(2n+2){ margin-right: 5.1428571428571%; } .custom-grid .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 75%; 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: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-e1 .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-e1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-e1 .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-e1 .entry .placeholder { padding-top: 74.888888888889%; background: inherit; } .custom-grid-e1 .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-e1 .entry { width: 48.214285714286%; margin-right: 3.5714285714286%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 3.5714285714286%; } .detail-page .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 3.5714285714286%; } .detail-page .custom-grid-e1 .entry:nth-child(2n+2){ margin-right: 3.5714285714286%; } .detail-page .custom-grid-e1 .entry:nth-child(2n+2){ margin-right: 3.5714285714286%; } .detail-page .custom-grid-e1 .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-e1 .entry .placeholder { padding-top: 74.888888888889%; background: inherit; } .detail-page .custom-grid-e1 .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-a1 .entry { width: 47.428571428571%; margin-right: 5.1428571428571%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-a1 .entry:nth-child(4n+4){ margin-right: 5.1428571428571%; } .custom-grid-a1 .entry:nth-child(3n+3){ margin-right: 5.1428571428571%; } .custom-grid-a1 .entry:nth-child(2n+2){ margin-right: 5.1428571428571%; } .custom-grid-a1 .entry:nth-child(2n+2){ margin-right: 5.1428571428571%; } .custom-grid-a1 .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-a1 .entry .placeholder { padding-top: 75%; background: inherit; } .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) { .detail-page .custom-grid-a1 .entry { width: 48.214285714286%; margin-right: 3.5714285714286%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-a1 .entry:nth-child(3n+3){ margin-right: 3.5714285714286%; } .detail-page .custom-grid-a1 .entry:nth-child(3n+3){ margin-right: 3.5714285714286%; } .detail-page .custom-grid-a1 .entry:nth-child(2n+2){ margin-right: 3.5714285714286%; } .detail-page .custom-grid-a1 .entry:nth-child(2n+2){ margin-right: 3.5714285714286%; } .detail-page .custom-grid-a1 .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-a1 .entry .placeholder { padding-top: 74.888888888889%; 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: 47.428571428571%; margin-right: 5.1428571428571%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-p1 .entry:nth-child(4n+4){ margin-right: 5.1428571428571%; } .custom-grid-p1 .entry:nth-child(3n+3){ margin-right: 5.1428571428571%; } .custom-grid-p1 .entry:nth-child(2n+2){ margin-right: 5.1428571428571%; } .custom-grid-p1 .entry:nth-child(2n+2){ margin-right: 5.1428571428571%; } .custom-grid-p1 .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-p1 .entry .placeholder { padding-top: 112.95180722892%; 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-nl1 .entry { width: 47.428571428571%; margin-right: 5.1428571428571%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-nl1 .entry:nth-child(4n+4){ margin-right: 5.1428571428571%; } .detail-page .custom-grid-nl1 .entry:nth-child(3n+3){ margin-right: 5.1428571428571%; } .detail-page .custom-grid-nl1 .entry:nth-child(2n+2){ margin-right: 5.1428571428571%; } .detail-page .custom-grid-nl1 .entry:nth-child(2n+2){ margin-right: 5.1428571428571%; } .detail-page .custom-grid-nl1 .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-nl1 .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-nl1 .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: 50px; 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(1n+1){ 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: 74.963609898108%; 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) { .custom-grid-public-exhibitions .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-public-exhibitions .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-public-exhibitions .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-public-exhibitions .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-public-exhibitions .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-public-exhibitions .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-public-exhibitions .entry .placeholder { padding-top: 74.888888888889%; background: inherit; } .custom-grid-public-exhibitions .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .detail-page .custom-grid-public-exhibitions .entry { width: 48.214285714286%; margin-right: 3.5714285714286%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-public-exhibitions .entry:nth-child(3n+3){ margin-right: 3.5714285714286%; } .detail-page .custom-grid-public-exhibitions .entry:nth-child(3n+3){ margin-right: 3.5714285714286%; } .detail-page .custom-grid-public-exhibitions .entry:nth-child(2n+2){ margin-right: 3.5714285714286%; } .detail-page .custom-grid-public-exhibitions .entry:nth-child(2n+2){ margin-right: 3.5714285714286%; } .detail-page .custom-grid-public-exhibitions .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-public-exhibitions .entry .placeholder { padding-top: 74.888888888889%; background: inherit; } .detail-page .custom-grid-public-exhibitions .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } body { background: #ffffff; color: #000000; font-size: 12px; line-height: normal; } #overlay, footer { background: #ffffff; } .list.text-only.entries.fixed-font .date { font-size: 12px; } .main-header nav.homepage a:hover, .main-header nav.homepage a.active, #slidecaption a:hover * { color: #888888 !important; } a, .private-login input[type="submit"] { color: #888888; } #overlay .close { color: #888888; font-size: 12px; } .main-header nav a, .screen-nav a, .slider-features a, .section-header a, .private nav a { color: #888888; font-size: 12px; letter-spacing: 0px; } a:hover, a:hover *, .grid .entry a:hover span, .private-login input[type="submit"]:hover, .entry a:hover .placeholder, .entry a:hover .thumb, #overlay .close:hover, .main-header nav a:hover, .main-header nav a.active, .screen-nav a.active, .screen-nav a:hover, .screen-nav a:hover *, .slider-features a.active, .slider-features a:hover, .slider-features a:hover *, .section-header a:hover, .section-header a:hover *, .section-header a.active { color: #000000 !important; } section header, .divider, .news .entry { border-color: #b4b4b4; } .homepage .caption h1 { color: #000000; letter-spacing: 0px; font-size: 12px; } .entry .placeholder, .entry .thumb, .list.text-only.entries.fixed-font a .summary, .main-header nav.homepage a, #slidecaption a *, .news .list h1 { color: #000000; } .medium h1, .small h1, .medium h2, .small h2, .medium h3, .small h3, .entries.fixed-font .title, .entries.fixed-font .titles, .entries.fixed-font .subtitle, .entries.fixed-font .date, .entries.fixed-font .titles .subtitle, .entries.fixed-font .titles .date, .fixed-font .entries .date, .grid.fixed-font .title, .grid.fixed-font .titles, .grid.fixed-font .subtitle, .grid.fixed-font .date, .grid.fixed-font .titles .subtitle, .grid.fixed-font .titles .date, .fixed-font .grid .date, .links a, .fixed-font .entry h1, .fixed-font .entry h2, .fixed-font .entry h3 { line-height: normal; font-size: 12px; } p, .large-images h2, .news .entry h2, .large-images h3, .news .entry h3 { line-height: normal; } h2, .entries .subtitle, .grid .subtitle, .grid .titles .subtitle, .homepage .caption h2, h1, h1.sectionname, .entries .titles, .entries .title, .grid .titles, .grid .title, h3, .entries .date, .grid .date, .grid .titles .date, .homepage .caption h3, h4, .sectionname { color: #000000; line-height: normal; letter-spacing: 0px; font-size: 12px; } .paragraph-styling p { margin-bottom: 2em; } /* -------------------------------------------------------------------------- */ /* "SS" FIX - SEE JS */ .no-uppercase { text-transform: none !important; } .thumbnail-container .caption-snippet { overflow: inherit; height: auto; } .item-header { width: 54%; } .item-header + span.links { padding-top:20px; } @media all and (max-width:1147px) { .item-header { width: 100%; } /*.item-header + span.links {*/ /* padding-top:20px;*/ /*}*/ } /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* CSS --------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /*ALERT SITE TOP*/ /* -------------------------------------------------------------------------- */ #ee-alert-site-top{ background-color:#000000; z-index: 9999; position: relative; } #ee-alert-site-top .container{max-width:100%;} #ee-alert-site-top p{ color: #ffffff; text-align: center; font-size: 10.75px !important; padding-top: 4px; padding-bottom: 4px; text-transform: unset; } #ee-alert-site-top p a{color:#b4b4b4;} #ee-alert-site-top p a:hover{color:#ffffff!important;} .text-one-column-with-image.large-image .text { max-width: 700px; float: none; margin: auto; } section#wrapper-embed { margin-bottom: 5%; } .s-reservations .text-one-column-with-image:last-of-type { padding-bottom: 50px; } /* -------------------------------------------------------------------------- */ /*PAST EXHIBITION GRID*/ .past .custom-grid-e1 .entry { width: 23.7143%; margin-right: 1.71429%; } .past .custom-grid-e1 .entry:nth-child(3n+3) { margin-right: 1.71429%; } .past .custom-grid-e1 .entry:nth-child(4n+4) { margin-right: 0; } .hide { display:none; } .upcoming div#e1-grid .placeholder { display: none; } @media all and (max-width:768px) { .past .custom-grid-e1 .entry { width: 32.142857142857%; margin-right: 1.71429%; } .past .custom-grid-e1 .entry:nth-child(1n+1) { margin-right: 1.71429%; } .past .custom-grid-e1 .entry:nth-child(3n+3) { margin-right: 0; } } @media all and (max-width:500px) { .past .custom-grid-e1 .entry { width: 100%; margin-right: 0; } .past .custom-grid-e1 .entry:nth-child(1n+1) { margin-right: 0; } .container.inquireWrapper { width: 80%; } .inquireBox .right { margin-top: -.5em; margin-bottom: 50px; } .inquireBox .right textarea { margin-right: 0px; max-width: 100% !important; width: 100% !important; } } /* ------------------------------------------------------- */ /* VIEWING ROOM STYLES */ /* ------------------------------------------------------- */ /*THUMBNAIL CAPTION WIDTH*/ .s-viewing-room .thumbnail-container .caption-snippet { max-width: 70%; margin-left: auto; margin-right: auto; } /*SWIPER CLOSE*/ .slideshow-overlay .slideshow-overlay-close svg { display:none; } .slideshow-overlay .slideshow-overlay-close { background-image: url(https://s3.amazonaws.com/files.collageplatform.com.prod/application/5da4b461a5aa2c47128b4567/custom-xmagnify.png) !important; background-size: 140px 56px !important; background-position: 0px 0px; top: 10px; right: 25px; padding: 0; overflow: hidden; width: 28px; height: 28px; text-indent: -9999px; } .slideshow-overlay-close:hover { background-position: 0px 28px; } .custom-br{ display:block; margin-bottom:10px; } /*GLOBAL MENU*/ .custom-global-menu { display: none; } .s-viewing-room .main-header .logo img { visibility:hidden; } .s-viewing-room.detail-page .main-header .logo img { visibility:visible; } .s-viewing-room .custom-global-menu { display: block; background-color:#000 !important; /*z-index: 9000;*/ position: relative; /*margin-bottom: 58px;*/ color: #ffffff; padding: 10px 20px; z-index: 99; padding-top: 14px; font-size: 13px; letter-spacing: 0.75px; font-family: 'Gotham Medium'; text-transform: uppercase; /*font-family: 'TradeBdCn20';*/ border-bottom: 1px solid #000; } .s-viewing-room .custom-global-menu a{ display:inline-block; color: #ffffff; } .s-viewing-room .custom-global-menu a:hover{ color:#b1b1b1 !important; } .s-viewing-room .custom-global-menu a { float:right; padding-top: 1px; } .s-viewing-room .custom-global-menu span { width: auto; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: bottom; } .inquire-link { padding-top: 20px; } .custom-global-menu.o, .s-viewing-room .custom-global-menu.o { display: none; background-color:#000000; /*background-color: rgba(0, 0, 0, 0.8) !important;*/ /*z-index: 9000;*/ position: fixed; /*margin-bottom: 50px;*/ color: #ffffff; padding: 10px 0; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; width: 100%; } .custom-global-menu.o span, .s-viewing-room .custom-global-menu.o span { padding-left: 20px; } .custom-global-menu.o a, .s-viewing-room .custom-global-menu.o a { padding-right: 20px; } /*INQUIRE*/ .s-viewing-room a.inquire { text-align: center; color:#757575 !important; } .s-viewing-room a.inquire:hover { text-align: center; color:#000 !important; } /*MAIN HEADER VROOM*/ .s-viewing-room .main-header { padding-top: 0; padding-bottom: 70px; display: none; } .s-viewing-room.detail-page .main-header { display: initial; } .s-viewing-room .main-header nav { display: none; } .s-viewing-room .main-header .container { margin-bottom: 50px; position: relative; z-index:99; } .s-viewing-room .main-header .logo { display: none; margin: auto; float: none; text-align: center; padding-top:55px; z-index: 99; } .s-viewing-room.detail-page .main-header .logo { display: block; margin: auto; float: none; text-align: center; padding-top:55px; z-index: 99; } .s-viewing-room section.objects.home { margin-top: 200px; } /*Header Background*/ .s-viewing-room .container.page-header-container { display: none; } .s-viewing-room div#contentWrapper { padding-top: 0px !important; } .s-viewing-room div#homefader{ position: absolute; height: 100% !important; } .s-viewing-room .item-header-background { width: 100% !important; margin-bottom: 20px; height: 73vh; } .s-viewing-room .item-header-background>div{ max-width:1100px; width:100%; padding-top: 50px; padding-top: 60px; text-align: center; z-index: 99; } .s-viewing-room .background-header{ margin-bottom:50px; margin-top:-125px; } .s-viewing-room .main-header .logo { display: none; margin: auto; float: none; text-align: center; padding-top:55px; z-index: 99; } .s-viewing-room.detail-page .main-header .logo { display: block; margin: auto; float: none; text-align: center; padding-top:55px; z-index: 99; } .s-viewing-room span.item-header.item-header-background{ background-position:center center; } .s-viewing-room .background-header .item-header h1{ font-size:70px !important; text-transform:uppercase; font-family: 'Gotham Medium'; letter-spacing: .08em !important; color:#000; line-height:.9 !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .s-viewing-room.detail-page .item-header { max-width: 100% !Important; margin-bottom: 0; } .s-viewing-room .background-header .item-header h2 { font-size: 47px !Important; color:#000; letter-spacing:1px; } .s-viewing-room .background-header .item-header h2.subtitle2 { font-size: 30px !Important; /*font-family: 'TradeCn18';*/ color:#000; padding-bottom:10px !Important; letter-spacing:0px; } .s-viewing-room .background-header .item-header h3 { font-size: 30px !Important; /*font-family: 'TradeCn18';*/ color:#000 ; padding-bottom:10px !Important; letter-spacing:0px; } .s-viewing-room.detail-page .item-header { max-width: 100% !Important; margin-bottom: 0; } /*EMAIL LOGIN*/ .emailProtectedPage h4 { text-transform: uppercase; font-size: 32px !important; padding: 0 0 5px 0 !important; margin: 0 0 0 0 !important; display: block; letter-spacing: 1px; /*font-family: 'TradeBdCn20';*/ color: #000; margin-bottom:40px !important; letter-spacing: 1px; line-height: 1.5 !important; } .emailProtectedPage form input[type="submit"], #order_personal_data_copy_billing { background: 0; border: 0; padding: 10px 12px; /* padding-top: 12px; */ background: #000; text-transform:uppercase; color: #fff; /*font-family: 'TradeBdCn20';*/ } .s-viewing-room .emailProtectedPage form input[type="text"], .s-viewing-room form input[type="password"], .s-viewing-room .emailProtectedPage form input[type="email"], form select, form textarea { margin-right: 15px; width: 350px; display:inline-block !Important; } .s-viewing-room .emailProtectedPage form input[type="email"] { width: 100%; max-width: 605px; } .emailProtectedPage form#email-protected-form { margin-bottom: 50px; } .emailProtectedPage form input[type="submit"]:hover, #order_personal_data_copy_billing:hover { color: #fff; } /* --------------------------------------------------------- */ /* EMAIL FORM */ form input[type="text"]:last-of-type { margin-right: 0px !important; } .emailProtectedPage { height: 90vh; /*margin-top: -146px;*/ text-align: center; position: relative; } .emailProtectedPage .container { max-width: 800px !important; width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } /* --------------------------------------------------------- */ /* CONTENT MODULES STYLES */ /*TEXT/IMAGE*/ .s-viewing-room .text-one-column-with-image.no-image .text { float: none; margin: auto; } .s-viewing-room h4,.s-viewing-room header h1, #downloadables span.titles { font-family: 'Gotham Medium'; letter-spacing: 1px !important; font-size: 18px !important; text-transform: uppercase; line-height: 1.5; } #downloadables span.titles { margin-bottom: 15px; display: block; } .s-viewing-room .text-one-column-with-image .divider { border: 0; margin-bottom: 0; } .s-viewing-room .text-one-column-with-image.no-image .text { width: 100%; max-width: 675px; } .s-viewing-room .text-one-column-with-image .container { max-width: 1200px; } .text-one-column-with-image.large-image .image { text-align: center; max-width: 1100px; margin: auto; } .s-viewing-room .text-one-column-with-image:last-of-type { padding-bottom: 30px; } .s-viewing-room .text-one-column-with-image.large-image .container { max-width: 1400px; } .s-viewing-room .text-one-column-with-image.banner-image .container { max-width: 100%; } .s-viewing-room .text-one-column-with-image.large-image .text,.s-viewing-room .text-one-column-with-image.banner-image .text { padding: 0 0 0px 0; float: none; width: 100%; max-width: 675px; margin: auto; } .s-viewing-room .text-or-image-two-columns.banner-image figure,.s-viewing-room .text-one-column-with-image.banner-image figure { min-height: 100vh; margin-bottom: 20px; } .s-viewing-room .text-one-column-with-image.banner-image .text, .s-viewing-room .text-one-column-with-image.large-image .text { padding-bottom: 50px; } .s-viewing-room div#screen-images .container, .s-viewing-room div#screen-installation-views .container, .s-viewing-room div#screen-video .container, .s-viewing-room section#downloadables .container, .s-viewing-room #slideshow-1 .container, .s-viewing-room section#stacked-slideshow .container{ max-width: 1600px; } .s-viewing-room section#slideshow-1,.s-viewing-room section#grid-view, .s-viewing-room section#grid-view-2, .s-viewing-room section#slideshow-2{ margin-bottom: 70px; } .s-viewing-room .slideshow-headline h1,.s-viewing-room .slideshow-headline h2 { display: none !important; } .s-viewing-room .slideshow-container .slideshow-headline { border-bottom: 0; padding-bottom: 10px; margin-bottom: 20px; } .s-viewing-room #slideshow-1 .slideshow-headline { display: none; } .s-viewing-room .caption-snippet p { font-size: 11px; line-height: 15px; } .swiper-slide-caption.caption a.cursor-pointer { font-size: 12px; padding-top: 20px; text-align: center; display:block; } .swiper-container .swiper-slide-caption { margin-top: 15px; text-align: center; } .swiper-slide-caption.caption p { font-size: 11px; line-height: 1.5; } .s-viewing-room section#stacked-slideshow .no-slider .slide figure { padding-top: 0; text-align: center; } .s-viewing-room section#stacked-slideshow .no-slider .slide figcaption { display: block; text-align: center; } .s-viewing-room header.section-header.divider.border-top h1, .s-viewing-room #video header.section-header.divider h4, .s-viewing-room #downloadables header.section-header.divider h4 { display: block; padding-bottom: 0px; text-align: center; width: 100%; color:#000; } .s-viewing-room header.section-header.divider.border-top, .s-viewing-room #video header.section-header.divider { /*padding-bottom: 0px;*/ /*border-top: 1px solid #ccc;*/ /*border-bottom: 0;*/ /*padding-top: 25px;*/ /*margin-bottom: 5px;*/ display:none; } /*.s-viewing-room #downloadables header.section-header.divider {*/ /*}*/ .s-viewing-room #video { margin-top:30px; } .s-viewing-room header.section-header.divider.border-top h1 { display: none !important; } .s-viewing-room div#screen-images, .s-viewing-room section#installation-views{ margin-bottom: 60px; } .s-viewing-room .text-one-column-with-image .text { float: left; padding-bottom: 10px; width: 58%; padding-top: 4px; } .s-viewing-room span.links.slider-features { display: block; width: 100%; text-align: center; margin-bottom: 25px; } .s-viewing-room span.links.slider-features a { margin-bottom: 0; padding-bottom: 0; margin-top:3px; } /*DOWNLOADABLES*/ #downloadables .grid .entry .placeholder { margin-bottom: 6px; display: none; } .s-viewing-room #downloadables header.section-header.divider, div#screen-video{ margin-bottom: 50px; } .s-viewing-room #downloadables .container.grid.entries.fixed-font { max-width: 1200px !important; } .s-viewing-room #downloadables .grid .entry { width: 29% !important; display: inline-block; padding-right: 6%; padding-bottom: 50px; vertical-align: top; } .s-viewing-room #downloadables header.section-header.divider { margin-bottom: 46px; border: 0; } .s-viewing-room #downloadables .grid .entry:nth-child(3n+3) { padding-right: 0 !important; } .s-viewing-room #downloadables .grid .entry:nth-child(4n+4){ padding-right: 6%; } /* --------------------------------------------------------- */ /*MOBILE STYLING VIEWING ROOM */ @media all and (max-width:1024px){ .s-viewing-room .emailProtectedPage form input[type="text"], .s-viewing-room form input[type="password"], .s-viewing-room .emailProtectedPage form input[type="email"], form select, form textarea { margin-right: 15px; width: 310px ; display: inline-block !Important; } .s-viewing-room .emailProtectedPage form input[type="email"] { max-width: 523px !important; width: 100%; } .s-viewing-room .background-header .item-header h3, .s-viewing-room .background-header .item-header h2.subtitle2 { font-size: 30px !Important; } } @media all and (max-width:812px){ .emailProtectedPage { height: 110vh; margin-top: 0; text-align: center; position: relative; } .s-viewing-room .background-header .item-header h1 { font-size: 50px !important; } .emailProtectedPage .container { max-width: 499px !important; width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .s-viewing-room .emailProtectedPage form input[type="text"], .s-viewing-room form input[type="password"], .s-viewing-room .emailProtectedPage form input[type="email"], form select, form textarea { margin-right: 15px; width: 242px !important; display: inline-block !Important; } .s-viewing-room .emailProtectedPage form input[type="email"] { width: 100% !important; } .s-viewing-room .text-one-column-with-image .image { margin-bottom: 35px; text-align: center !important; } .s-viewing-room .grid.fitted.thumbnails .entry{ width:47.44%; } .s-viewing-room .grid.fitted.thumbnails .entry:nth-child(1n+1){ padding-right:2.66% !important; } .s-viewing-room .grid.fitted.thumbnails .entry:nth-child(2n+2), .s-viewing-room .grid .entry:nth-child(4n+4){ padding-right:0% !Important; } .s-viewing-room .main-header .logo { width: 250px !important; padding-top: 26px; z-index: 99; } .s-viewing-room .background-header { margin-bottom: 50px; margin-top: -119px; } .s-viewing-room .item-header-background { height: 90vh; } .s-viewing-room .background-header .item-header h1 { font-size: 40px !important; } .s-viewing-room .background-header .item-header h2 { font-size: 30px !Important; } .s-viewing-room .background-header .item-header h3, .s-viewing-room .background-header .item-header h2.subtitle2 { font-size: 20px !Important; } } @media all and (max-width:768px){ .s-viewing-room .background-header .item-header h1 { font-size: 53px !important; } .s-viewing-room .background-header .item-header h2 { font-size: 40px !Important; } .s-viewing-room .background-header .item-header h3, .s-viewing-room .background-header .item-header h2.subtitle2 { font-size: 30px !Important; } .s-viewing-room .item-header-background { height: 70vh; } .s-viewing-room .text-one-column-with-image .text { padding-bottom: 30px !important; } .thumbnail-container { margin-bottom: 30px !important; } .s-viewing-room .background-header { margin-top: -128px; } .s-viewing-room .main-header .logo { padding-top: 47px; } .emailProtectedPage { height: 81vh; margin-top: 0; text-align: center; position: relative; } } @media all and (max-width:736px){ .s-viewing-room .item-header-background { height: 90vh; } .s-viewing-room .background-header { margin-top: -128px; } .s-viewing-room .main-header .logo { padding-top: 47px; } .s-viewing-room .background-header .item-header h1 { font-size: 40px !important; } .s-viewing-room .background-header .item-header h2 { font-size: 30px !Important; } .s-viewing-room .background-header .item-header h3, .s-viewing-room .background-header .item-header h2.subtitle2 { font-size: 20px !Important; } .emailProtectedPage { height: 110vh; margin-top: 0; text-align: center; position: relative; } [data-slideshow-view] { margin-bottom: 50px; } } @media all and (max-width:667px){ .emailProtectedPage .container { max-width: 400px !important; } .s-viewing-room .emailProtectedPage form input[type="text"], .s-viewing-room form input[type="password"], .s-viewing-room .emailProtectedPage form input[type="email"], form select, form textarea { margin-right:0px; max-width: 400px !important; width:100% !important; display: block !Important; } .s-viewing-room .emailProtectedPage form input[type="email"] { width: 100% !important; } } @media all and (max-width:415px){ .emailProtectedPage .container { max-width: 300px !important; } .s-viewing-room .background-header .item-header h1 { font-size: 40px !important; } .s-viewing-room .background-header .item-header h2 { font-size: 30px !Important; } .s-viewing-room .background-header .item-header h3, .s-viewing-room .background-header .item-header h2.subtitle2 { font-size: 20px !Important; } .s-viewing-room .item-header-background { height: 80vh; } .custom-grid-a1 .entry .placeholder .image img, .custom-grid .entry .placeholder .image img, .detail-page .custom-grid-nl1 .entry .placeholder .image img, .custom-grid-e1 .entry .placeholder .image img{ width: 100%; } span.links.switch { width: 100%; } .s-home .mobile-menu-wrapper { display: block; position: absolute; right: 0px !important; width: 100%; top: 74px !important; padding-top: 0; } .s-viewing-room .emailProtectedPage form input[type="text"], .s-viewing-room form input[type="password"], .s-viewing-room .emailProtectedPage form input[type="email"], form select, form textarea { margin-right:0px; max-width: 300px !important; width:100% !important; display: block !Important; } .s-viewing-room .emailProtectedPage form input[type="email"] { width: 100% !important; } .emailProtectedPage { height: 100vh; margin-top: -39px; text-align: center; position: relative; } .s-viewing-room section.objects.home { margin-top: 120px; } .s-viewing-room .item-header-background { height: 80vh; } .s-viewing-room .background-header { margin-top: -139px; } .s-viewing-room .main-header .logo { padding-top: 47px; } .s-viewing-room .grid.fitted.thumbnails .entry{ width:100%; } .s-viewing-room .grid.fitted.thumbnails .entry:nth-child(1n+1){ padding-right:0 !Important; } .s-viewing-room .grid.fitted .entry { padding-bottom: 40px; } .s-viewing-room #downloadables .grid .entry { width: 100% !Important; display: inline-block; padding-right: 0; padding-bottom: 50px; vertical-align: top; } .s-viewing-room .thumbnail-square { height: 335px !important; } .s-viewing-room .squared[data-width] .thumbnail-container { width: 100%; } } .text-or-image-two-columns.banner-image .caption { text-align: center; } /* ------------------------------------------------------- */ /* FONT STYLES */ /* ------------------------------------------------------- */ /*@font-face {font-family: 'Gotham Book Italic'; src: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/5da4b461a5aa2c47128b4567/GOTHAM-BOOKITALIC_0.OTF');}*/ /*@font-face {font-family: 'Gotham Medium'; src: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/5da4b461a5aa2c47128b4567/GOTHAM-MEDIUM.TTF');}*/ /*@font-face {font-family: 'Gotham Medium Italic'; src: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/5da4b461a5aa2c47128b4567/GOTHAM-MEDIUMITALIC.TTF');}*/ /*@font-face {font-family: 'Gotham Book'; src: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/5da4b461a5aa2c47128b4567/Gotham-Book.ttf');}*/ /*NEW GOTHAM 2-2022*/ @font-face {font-family: 'Gotham Book'; src: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/5da4b461a5aa2c47128b4567/Gotham-Book.otf');} @font-face {font-family: 'Gotham Book Italic'; src: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/5da4b461a5aa2c47128b4567/Gotham-BookItalic.otf');} @font-face {font-family: 'Gotham Medium'; src: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/5da4b461a5aa2c47128b4567/Gotham-Medium.otf');} @font-face {font-family: 'Gotham Medium Italic'; src: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/5da4b461a5aa2c47128b4567/Gotham-MediumItalic.otf');} body{ font-family: 'Gotham Book', Arial; font-size:12px; font: 12px 'Gotham Book', Arial, sans-serif; /*re-declare fix*/ line-height:normal; /*keep normal*/ color: #494949; } b, strong{ font-family: 'Gotham Medium'; font-weight:normal; } i, em{ font-family: 'Gotham Book Italic'; font-style:normal; } strong > em, b > em, strong > i, b > i, em > strong, em > b, i > strong, i > b{ font-family: 'Gotham Medium Italic'; font-style:normal; } /*HEADER OVERIDE IN TEXTBOX*/ strong > em > u, strong > u > em, em > strong > u, em > u > strong, u > em > strong, u > strong > em{ font-family: 'Gotham Medium'; text-transform: uppercase; font-size: 16px !important; color:#494949 !important; padding:0 0 0px 0 !important; margin: -10px 0 0 0 !important; line-height:0.8em !important; display:inline-block !important; font-weight:normal; text-decoration:none !important; } /* ------------------------------------------------------- */ /* PARAGRAPHS (BROWN) */ /* ------------------------------------------------------- */ p,.paragraph-styling p{ font-size:12px; line-height:1.8; /*box-shadow: inset 0 0 0 1px #993300;*/ } .paragraph-styling p{ margin-bottom:1.3em; } /* ------------------------------------------------------- */ /* PADDING FIX */ /* ------------------------------------------------------- */ .container{padding: 0 35px;} @media all and (max-width:1880px) { .container{padding: 0 35px;} } /* --------------------------------------------------------- */ /*CUSTOM HEADER PARAGRAPH SEE JS*/ /* --------------------------------------------------------- */ p.custom-header-paragraph{ margin-bottom:.2em !important; font-size: 16px !important; font-family: 'Gotham Medium'; text-transform: uppercase; color:#494949; /*padding-top:15px;*/ } p.custom-header-paragraph:first-of-type{ padding-top:0 !important; } /* --------------------------------------------------------- */ /*CUSTOM BULLETS SEE JS*/ /* --------------------------------------------------------- */ p.custom-bullet{ text-indent:-12px; padding-left:12px; margin-bottom:.5em; } p.custom-bullet:before { content: "• "; color: #494949; padding-right:2px; font-weight:bold; } p.custom-bullet-last, p.custom-bullet:last-child{ margin-bottom:2em; } /* --------------------------------------------------------- */ /*CUSTOM HORIZONTAL LINE SEE JS*/ /* --------------------------------------------------------- */ p.custom-horizontal-line{ border-bottom-style: solid; border-bottom-color: #cccccc; border-bottom-width: 1px; margin-bottom: 3em; line-height:1em !important; } /* --------------------------------------------------------- */ /* EMPTY FIXES */ /* --------------------------------------------------------- */ h2:empty, h3:empty, .date:empty, .subtitle:empty, .summary:empty { display: none !important;} /* --------------------------------------------------------- */ /*HOVER STATES*/ /* --------------------------------------------------------- */ a:hover h1, a:hover .title, a:hover h2, a:hover h3{ color:#000 !important;} a { -webkit-transition: color .5s; /* For Safari 3.0 to 6.0 */ transition: color .5s; /* For modern browsers */ } a:hover, a:hover *, .grid .entry a:hover span, .private-login input[type="submit"]:hover, .entry a:hover .placeholder, .entry a:hover .thumb, #overlay .close:hover, .main-header nav a:hover, .main-header nav a.active, .screen-nav a.active, .screen-nav a:hover, .screen-nav a:hover *, .slider-features a.active, .slider-features a:hover, .slider-features a:hover *, .section-header a:hover, .section-header a:hover *, .section-header a.active { color: #000 !important; } /* --------------------------------------------------------- */ /*SELECTION COLOR*/ /* --------------------------------------------------------- */ ::selection {color:#ffffff;background:#000000;} ::-moz-selection {color:#ffffff;background:#000000;} .lightOnDarkText {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .forceDefaultOSX{-webkit-font-smoothing: subpixel-antialiased;} /* --------------------------------------------------------- */ /* IMAGE BORDERS*/ /* --------------------------------------------------------- */ #overlay figure img, .image img, .slider img{outline-color:rgba(128,128,128,.05); outline-width:1px; outline-style:solid; outline-offset:-1px;} /* ------------------------------------------------------- */ /* ZERO OUT GRID SPACING - REMOVE EXTRANEOUS SPACING */ /* ------------------------------------------------------- */ .row{padding-bottom:0;} .grid{padding-bottom:0;} .grid {line-height: normal;} .section-header.second-row {margin-top: 0px } .exhibitions.home .headers, .exhibitions.home .medium .headers, .exhibitions.home .small .headers{padding-top: 0;} .grid-left-categories .categories-left.screen-nav {margin-top: 0px;} .image{ line-height: 0;} .image img{padding:0 !important;} .links a:last-of-type {line-height: normal;} nav.screen-nav{display:flex;} .grid-left-categories .categories-left.screen-nav {margin-top: 0px;} .homepage .caption {padding-top: 0;} .homepage.banner{line-height:0;} .inquireBox .left {line-height:0;} /* ------------------------------------------------------- */ /* SPACE BELOW ALL THUMBNAILS */ /* ------------------------------------------------------- */ .placeholder, .thumb, .homepage.banner img { margin-bottom:15px !important; } /* ------------------------------------------------------- */ /* MATCH NON-CUSTOM GRID ENTRIES WITH CUSTOM GRID ENTRIES */ /* ------------------------------------------------------- */ /*.grid .entry.medium{ padding-bottom:100px;}*/ /*.associations .list-container .entry, .news-index .entry{*/ /* padding-bottom:100px;*/ /*}*/ /* ------------------------------------------------------- */ /* MAIN-HEADER */ /* ------------------------------------------------------- */ .main-header{ /*text-transform:unset;*/ padding: 50px 0; padding-bottom: 70px; } .main-header nav, .main-header .logo span, .main-header nav a { font-size: 13px; letter-spacing: 0.75px; font-family: 'Gotham Medium'; -webkit-transition: color .5s; /* For Safari 3.0 to 6.0 */ transition: color .5s; /* For modern browsers */ } .main-header nav a, .screen-nav a, .slider-features a, .section-header a, .private nav a { color: #767676; } .main-header nav a:hover { color:#000 !important; } .main-header nav { line-height: normal; padding-top:8px; } .main-header nav a { margin-left: 20px } .main-header .logo span{ color:#000000; } /* ------------------------------------------------------- */ /* DETAIL TITLES */ /* ------------------------------------------------------- */ .list-detail-title, .detail-title { -webkit-font-smoothing: subpixel-antialiased; display:inline-block; color:#000000; background-color:#e5e5e5; font-size:8px; margin:0 0 5px 0; padding:3px 4px 3px 4px; line-height: 1; } /* ------------------------------------------------------- */ /* H1 TITLE */ /* ------------------------------------------------------- */ .current .title, /*exhibitions-grid*/ .upcoming .title, /*exhibitions-grid*/ .exhibitions #large h1, /*exhibitions-grid*/ .exhibitions #medium h1, /*exhibitions-grid*/ .past .title, /*exhibitions-grid*/ .artists .title, /*artists grid*/ .publications .title, /*publications-grid*/ .objects .title, /*objects-grid*/ .press .title, /*press-grid*/ .news .title, /*news-grid*/ .news h1, .news .list h1, /*news-list*/ .associations .title, /*associated-grid*/ .associations .news h1, /*associated-news-list*/ .item-header h1, /*detail-page*/ .homepage .caption h1 /*homepage*/, .artists.home h4 /*homepage*/ { font-size:18px; color:#494949; font-family: 'Gotham Medium', Arial; text-transform:uppercase; padding:0 0 0 0 ; margin: 0 0 0 0; line-height:1.3; } /* ------------------------------------------------------- */ /* H2 SUBTITLE */ /* ------------------------------------------------------- */ .current .subtitle, .upcoming .subtitle, .exhibitions #large h2, /*exhibitions-grid*/ .exhibitions #medium h2, /*exhibitions-grid*/ .past .subtitle, /*exhibitions-grid*/ .artists .subtitle, /*artists grid*/ .publications .subtitle, /*publications-grid*/ .objects .subtitle, /*objects-grid*/ .press .subtitle, /*press-grid*/ .news .subtitle, /*news-grid*/ .news h2, /*news-list*/ .associations .subtitle, /*associated-grid*/ .associations .news h2, /*associated-news-list*/ .item-header h2, /*detail-page*/ .homepage .caption h2 /*homepage*/ { font-size:15.5px; /*font-family: 'Text-RegularItalic';*/ color:#494949; text-transform:normal; padding:8px 0 0 0 !important; margin: 0 0 0 0; line-height:1.3; } /* ------------------------------------------------------- */ /* SUBTITLE-2 */ /* ------------------------------------------------------- */ .current .subtitle2, .upcoming .subtitle2, .exhibitions #large h2.subtitle2, /*exhibitions-grid*/ .exhibitions #medium h2.subtitle2, /*exhibitions-grid*/ .past .subtitle2, /*exhibitions-grid*/ .artists .subtitle2, /*artists grid*/ .publications .subtitle2, /*publications-grid*/ .objects .subtitle2, /*objects-grid*/ .press .subtitle2, /*press-grid*/ .news .subtitle2, /*news-grid*/ .news h2.subtitle2, /*news-list*/ .associations .subtitle2, /*associated-grid*/ .associations .news h2.subtitle2, /*associated-news-list*/ .item-header h2.subtitle2, /*detail-page*/ .homepage .caption h2.subtitle2 /*homepage*/ { /*font-family: 'Text-Regular';*/ font-size:12px; color:#494949; text-transform:initial; padding:8px 0 0 0 !important; margin: 0 0 0 0; line-height:normal; } .exhibitions.home #medium h2.subtitle2, .past .subtitle2, .exhibitions #large h2.subtitle2, .current .subtitle2, .upcoming .subtitle2{ margin-top: 15px !important; padding-top: 10px !important; font-size: 10px; border-top: 1px solid #ccc; font-family: 'Gotham Medium'; text-transform: uppercase; display: inline-block; color: #767676 !important; /*padding: 8px 10px 6px 10px !important;*/ } /* ------------------------------------------------------- */ /* H3 DATE */ /* ------------------------------------------------------- */ .current .date, .upcoming .date, .exhibitions #large h3, /*exhibitions-grid*/ .exhibitions #medium h3, /*exhibitions-grid*/ .past .date, /*exhibitions-grid*/ .artists .date, /*artists grid*/ .publications .date, /*publications-grid*/ .objects .date, /*objects-grid*/ .press .date, /*press-grid*/ .news .date, /*news-grid*/ .news h3, /*news-list*/ .associations .date, /*associated-grid*/ .associations .news h3, /*associated-news-list*/ .item-header h3, /*detail-page*/ .homepage .caption h3 /*homepage*/ { font-size:12px; color:#494949; text-transform:initial; padding:8px 0 0 0 !important; margin: 0 0 0 0; line-height:normal; } .homepage .caption h3 p /*home-h3 uses multi line text, font-size needs to be set for p*/ { font-size:12px; } /* ------------------------------------------------------- */ /* H4 SUBHEADER */ /* ------------------------------------------------------- */ .custom_page header h1, /*custom_page does not use H4*/ header h4 { font-size:12px; color:#494949; text-transform:initial; padding:0 0 0 0; margin: 0 0 0 0; line-height:normal; } /* ------------------------------------------------------- */ /* SUBNAV */ /* ------------------------------------------------------- */ .screen-nav a, .slider-features a, .section-header a, .private nav a { font-size:13px; text-transform:initial; padding-top:0; margin-top: 0; margin-bottom: 0; display:inline-block; line-height:normal; } /* --------------------------------------------------------- */ /* LINKS */ /* --------------------------------------------------------- */ .homepage .entry .links, .links .file a, .details .links a, .content .links a, .entry .links a { font-size:12px; text-transform:initial; padding:0 0 10px 0; margin: 0 0 0 0; line-height:normal; display:block; /*box-shadow: inset 0 0 0 1px #800080;*/ } /* --------------------------------------------------------- */ /* CAPTIONS */ /* --------------------------------------------------------- */ .inquireBox .left .caption p, .slide figcaption p, .image .caption p { font-size: 11px; line-height: 1.5; /*box-shadow: inset 0 0 0 1px #FFA500;*/ } .inquireBox .left .caption, .image .caption { margin-top:10px; /*box-shadow: inset 0 0 0 1px #FFA500;*/ } .thumbnail-caption { height: auto; } /* --------------------------------------------------------- */ /* SUMMARY */ /* --------------------------------------------------------- */ /* set space between titles and summary */ .summary{ margin-top:15px; color:#494949; /*box-shadow: inset 0 0 0 1px #00FFA6;*/ } .summary p{ font-size:12px; } /* --------------------------------------------------------- */ /* FOOTER 4 COL */ /* --------------------------------------------------------- */ footer{ padding-top: 30px; padding-bottom: 30px; color:#494949; background-color:#f9f9f9; /*background-image: linear-gradient(-180deg,#fff 0, rgba(255, 217, 215, 0.24) 50%);*/ /*#ed5b4f*/ } footer p{ line-height:1.4; font-size: 12px; /*text-transform:uppercase !important;*/ } footer a {color:#767676 !important;} footer a:hover {color:#000 !important;} footer div.footer-cols{ width:100%; padding-right:0; } footer .container { max-width:1400px; } .footer-col1, .footer-col2, .footer-col3{ width:22.7%; padding-right:2.9%; } .footer-col4{ width:22.7%; padding-right:0 !important; } footer .footer-social { float: right !important; } footer div.footer-cols{ line-height: normal; /*keep normal*/ } @media all and (max-width:480px) { .footer-col1, .footer-col2, .footer-col3{ padding-right:0; } .footer-col1, .footer-col2, .footer-col3{ margin-bottom:30px; } } /* ------------------------------------------------------------------------- */ /* SLIDER ICON ST*/ /* ------------------------------------------------------------------------- */ /*remove text */ /*js (text)empty won't work w/ back button, use this CSS instead */ /* ------------------------------------------------------------------------- */ /* SLIDER ICON ST*/ /* ------------------------------------------------------------------------- */ /*remove text */ /*js (text)empty won't work w/ back button, use this CSS instead */ .slider-features a, .slideshow-headline a.cursor-pointer{ height: 13px; width: 19px; text-indent: 100%; white-space: nowrap; overflow: hidden; padding-right: 0 !important; -webkit-transition: color .5s; /* For Safari 3.0 to 6.0 */ transition: color .5s; /* For modern browsers */ } .slider-features a, .slideshow-headline a.cursor-pointer{margin-right:15px;} .slider-features a:last-of-type, .slideshow-headline a.cursor-pointer:last-of-type{margin-right:0;} .slider-features a[href$="view=thumbnails"], .slider-features a[href$="view=thumbnails"]:before, .slider-features a[href$="view=thumbnails"]:after, .slider-features a[href$="view=slider"], .slideshow-headline a.slideshow-view, .slideshow-headline a.thumb-view, .slideshow-headline a.thumb-view:before, .slideshow-headline a.thumb-view:after{ display: inline-block; box-sizing:border-box; box-shadow: inset 0 0 0 1px #b4b4b4; } .slider-features a[href$="view=thumbnails"], .slideshow-headline a.thumb-view{ position: relative; height: 13px; width: 19px; padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:10px; } .slider-features a[href$="view=thumbnails"]:before, .slideshow-headline a.thumb-view:before{ content: ''; position: absolute; left: 0px; top: 4px; width: 19px; height: 5px; } .slider-features a[href$="view=thumbnails"]:after, .slideshow-headline a.thumb-view:after{ content: ''; position: absolute; left: 6px; top: 0px; width: 7px; height: 13px; } .slider-features a[href$="view=slider"], .slideshow-headline a.slideshow-view{ height: 13px; width: 19px; margin-bottom:10px; } .slider-features a[href$="view=thumbnails"]:hover, .slider-features a[href$="view=thumbnails"]:hover:before, .slider-features a[href$="view=thumbnails"]:hover:after, .slider-features a[href$="view=thumbnails"].active, .slider-features a[href$="view=thumbnails"].active:before, .slider-features a[href$="view=thumbnails"].active:after, .slider-features a[href$="view=slider"]:hover, .slider-features a[href$="view=slider"].active, .slideshow-headline a.slideshow-view:hover, .slideshow-headline a.slideshow-view.active, .slideshow-headline a.thumb-view:hover, .slideshow-headline a.thumb-view:hover:before, .slideshow-headline a.thumb-view:hover:after, .slideshow-headline a.thumb-view.active, .slideshow-headline a.thumb-view.active:before, .slideshow-headline a.thumb-view.active:after { box-shadow: inset 0 0 0 1px #000000; } /* --------------------------------------------------------- */ /* SLIDESHOW XL - SEE JS */ /* --------------------------------------------------------- */ /*Use :not to prevent other sliders from resizing*/ /*body:not(.s-homepage) .slider .bx-wrapper:first-of-type,*/ /*single images with no arrows uses ".FULL-SLIDER" only*/ body:not(.s-home) .full-slider .bx-wrapper:first-of-type, body:not(.s-home) .slider .bx-wrapper:first-of-type { width: 145vh; max-width: 100%!important; margin-left:auto; margin-right:auto; /*box-shadow: inset 0 0 0 1px #ff0000;*/ } body:not(.s-home) .full-slider .bx-wrapper:first-of-type .slide, body:not(.s-home) .slider .bx-wrapper:first-of-type .slide{ width:100% !important; /*box-shadow: inset 0 0 0 1px #ff0000;*/ } /* --------------------------------------------------------- */ /* Thumbnail 3-UP */ /* --------------------------------------------------------- */ /*.grid.fitted.thumbnails .entry{*/ /*width:31.44%;*/ /*}*/ /*.grid.fitted.thumbnails .entry:nth-child(4n+4){*/ /*padding-right:2.66%*/ /*}*/ /*.grid.fitted.thumbnails .entry:nth-child(3n+3){*/ /*padding-right:0!important;*/ /*}*/ /*EXHIBITIONS HOME FIX*/ #large img, #medium img{ width:100%; } /* --------------------------------------------------------- */ /* SLIDESHOWS */ /* --------------------------------------------------------- */ /* Slideshow Thumbnail grid view background */ .fitted .placeholder{background:none !important;} /* Slideshow NAV thumbnail border color */ .bx-thumbs a.active, .bx-thumbs a.active:hover{border-color:transparent !important; box-shadow: inset 0 0 0 1px #000000;} /* Slideshow NAV thumbnail border color hover */ .bx-thumbs a:hover{border-color:transparent !important; box-shadow: inset 0 0 0 1px #bbbbbb;} /* Slideshow NAV thumbnail sizing */ .bx-wrapper:nth-child(2) .bx-thumbs a>img {max-width: 73%; max-height: 88%;} /*SLIDER BOTTOM SPACING - SLIDER OR BX-VIEWPORT*/ /*.slider {padding-bottom: 50px}*/ .slider .bx-viewport{margin-bottom:50px;} /* --------------------------------------------------------- */ /* TEXT-ONE-COLUMN-WITH-IMAGE*/ /* --------------------------------------------------------- */ /* adjust space between each row */ .text-one-column-with-image{padding-bottom:20px;} /* adjust space for last row */ .text-one-column-with-image:last-of-type{padding-bottom:100px;} /* adjust both .text and .image bottom optically equal */ .text-one-column-with-image .text{padding-bottom:20px;} .text-one-column-with-image .image{padding-bottom:40px;} /*adjust EITHER img OR p to both top align */ /*.text-one-column-with-image .image{margin-top:.3em;}*/ .text-one-column-with-image .text{margin-top:-.3em;} /* adjust no-image width */ .text-one-column-with-image.no-image .text{ width:100%; max-width:800px;} /* center no-image width */ .text-one-column-with-image.no-image .text{margin-left: auto; margin-right:auto;float:none;} /* --------------------------------------------------------- */ /* INQUIRE */ /* --------------------------------------------------------- */ /* inquire spacing */ a.inquire{font-size: 12px; padding-top:20px;padding-bottom:20px;display:block;} .inquireBox h1{font-size: 19px;text-transform:capitalize;padding-bottom:0;} .inquireBox .right {margin-top: -.5em;} .inquireBox .right input[type=submit]{font-size: 12px; text-transform:capitalize;} form.inquire label{font-size: 12px;text-transform:capitalize;line-height:2;} /* --------------------------------------------------------- */ /* DROP DOWN MENUS */ /* --------------------------------------------------------- */ /* fix 1px shift mis-alignment */ .dropdown > .divider{left: -1px;} /*border colors and top/bottom padding*/ .dropdown-root .divider{ border-color:#888888; 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/5da4b461a5aa2c47128b4567/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: 12px !important; } /*view all link spacing styling*/ .filter-items .association-filter {margin-right: 20px;} .filter-clear{ white-space: nowrap; /*EDIT FONT STYLING*/ font-size: 12px !important; } /* --------------------------------------------------------- */ /* CLOSE AND ZOOM */ /* --------------------------------------------------------- */ /* load new overlay graphic */ #overlay .close, #overlay .zoom-click, #zoomHeaderClose, .zoomFooterControl{ background-image: url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5da4b461a5aa2c47128b4567/custom-xmagnify.png") !important; background-size: 140px 56px !important; } /* initial image size */ #overlay .slide img{max-width: 88%; max-height: 88%;} #pan img{max-width: 96%; max-height: 96%;} /* initial close and zoom buttom */ #overlay .close, #overlay .zoom-click, #zoomHeaderClose{ top:10px; right:15px; padding:0; overflow:hidden; width:28px; height:28px; text-indent: -9999px; } /* zoom button position */ #overlay .zoom-click{ right:48px; } /* background positions */ #overlay .close{background-position: 0px 0px;} #overlay .close:hover{background-position: 0px -28px;} #overlay .zoom-click{background-position: -28px 0px;} #overlay .zoom-click:hover{background-position: -28px -28px;} #zoomHeaderClose{background-position: -56px 0px;} #zoomHeaderClose:hover{background-position: -56px -28px;} /* zoom page */ div#zoomImage{ background-color: rgb(34, 34, 34) !important;} div#zoomImage #jQslider{ border-top: 1px solid #ffffff;top: 14px;} .ui-slider-handle{background-color: #ffffff;} #zoomFooterWrapper{ background: transparent; bottom:12px; height:28px; } #zoomFooter{ background: rgba(34, 34, 34, .1); padding-left:50px; padding-right:50px; width: 30% !important; } .zoomFooterControl{ height: 28px !important; width: 28px !important; display: inline; float: left; margin: 0 0 0 0 !important; text-align: center; position: absolute; } #zoomFooterZoomOut{margin-left: -38px !important;} #zoomFooterZoomIn{margin-left: 10px !important;} /* zoom control background positions */ #zoomFooterZoomOut{background-position: -84px 0px;} #zoomFooterZoomOut:hover{background-position: -84px -28px;} #zoomFooterZoomIn{background-position: -112px 0px;} #zoomFooterZoomIn:hover{background-position: -112px -28px;} /*mobile zoom view*/ #zoomWrap{ padding:0 !important; } #zoomWrap #pan img{ max-width: 100%; max-height: 100%; } /* --------------------------------------------------------- */ /* ARROWS */ /* --------------------------------------------------------- */ .bx-wrapper .bx-prev{ left: 0; } .bx-wrapper .bx-next{ right: 0; } @media all and (max-width:480px) { .bx-wrapper .bx-prev{ left: 10px; } .bx-wrapper .bx-next{ right: 10px; } } /* this copied from auto generated css and changed to 480px */ @media all and (max-width: 480px) { .bx-wrapper .bx-controls-direction .bx-next, .bx-wrapper .bx-controls-direction .bx-prev { width: 13px !important; height: 26px !important; margin-top: -13px !important; } .bx-wrapper .bx-controls-direction .bx-prev { background-position: 0 -64px !important; } .bx-wrapper .bx-controls-direction .bx-prev:hover { background-position: 0 -90px !important; } .bx-wrapper .bx-controls-direction .bx-next { background-position: -13px -64px !important; } .bx-wrapper .bx-controls-direction .bx-next:hover { background-position: -13px -90px !important; } } /* --------------------------------------------------------- */ /* MOBILE PADDING SPACING */ /* --------------------------------------------------------- */ /*larger custom width sites 1300px and up*/ /*.container{padding: 0 40px;}*/ /* keep padding*/ @media all and (max-width:1120px) { .container{padding: 0 20px;} } @media all and (max-width:1024px) { .container.outside {padding: 0 20px;} } /* supersize captions */ @media all and (max-width:320px){ #slidecaption {padding-left: 0px;} } /* keep 100% width */ @media all and (max-width:800px) { .container{max-width: 100%;} } /* --------------------------------------------------------- */ /*SECTIONS FADE IN ANIMATION*/ /* --------------------------------------------------------- */ section:first-of-type:not(.custom_page), /* 1st sections, custom has child sections*/ section:nth-of-type(2), /*2nd sections*/ .s-news.detail-page .news-details, /* has no sections*/ .sidebar-left /*has no sections*/ { animation-name: fadein; animation-duration: .8s; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* --------------------------------------------------------- */ /* Thumbnail 3-UP */ /* --------------------------------------------------------- */ .grid.fitted.thumbnails .entry{ width:31.44%; } .grid.fitted.thumbnails .entry:nth-child(4n+4){ padding-right:2.66% } .grid.fitted.thumbnails .entry:nth-child(3n+3){ padding-right:0!important; } /* --------------------------------------------------------- */ /* LINKS IN TEXT */ /* --------------------------------------------------------- */ .links.in-text:first-of-type { margin-top: 40px; } .links.in-text.additional-files { margin-top: 4px; } a.inquire { font-size: 12px; padding-top: 20px; text-align: center; } .section-header span.links a { text-transform: uppercase; } /* --------------------------------------------------------- */ /*COMBINED CHILD PAGE SPACING*/ /* --------------------------------------------------------- */ section.combined_childpage { padding-bottom: 75px; } /* --------------------------------------------------------- */ /*HOMEPAGE*/ /* --------------------------------------------------------- */ .s-home .main-header nav a { color: #000; } .s-home .main-header nav a:hover { color: #767676; } /* --------------------------------------------------------- */ /*SHOP*/ /* --------------------------------------------------------- */ .filter-items { padding-bottom: 0px; } #description .content { padding-bottom: 0px; } section#shopify { margin-bottom: 80px; } /* --------------------------------------------------------- */ /*ARTIST STYLES*/ /* --------------------------------------------------------- */ .artists .title { font-size:16px; text-transform: uppercase; } /*For Artist Slideshow*/ header.section-header.divider.border-top { border: none; margin-bottom: 0; } span.links.slider-features { display: block; width: 100%; text-align: right; } section header, .divider, .news .entry { border-color: #e9e9e9; } .text-or-image-two-columns.banner-image figure, .text-one-column-with-image.banner-image figure { min-height: 80vh; background-position: center; background-size: cover; } section.artists.home .category:nth-child(n + 2) .entry .placeholder { display: none; } /* --------------------------------------------------------- */ /*EXHIBITION/ART FAIRS STYLES*/ /* --------------------------------------------------------- */ section#exhibitions-container-main { padding-bottom: 50px; } nav.switch.divider.screen-nav.sub-links { border: 0; } div#large { padding-bottom: 50px; } .past { padding-bottom: 60px; } div#medium { padding-bottom: 50px; } header.section-header.divider.second-row.custom-grid-e1 { border: 0; } header.section-header.divider.with-links.first-row.custom-grid-e1 { margin-bottom: 16px; } .exhibitions.home header h1 { padding-bottom:0px; } .exhibitions.home header h4, .custom_page header h1 { font-size: 18px; color:#494949; text-transform:uppercase; font-family: 'Gotham Medium'; } /* --------------------------------------------------------- */ /*HOMEPAGE STYLES*/ /* --------------------------------------------------------- */ section#wrapper-associations { margin-top: 60px; } /*BANNER ROTATE*/ section[id*="banner-rotate"] .full-width-banner .slide figure{ padding-top:100vh; pointer-events:none; } section[id*="banner-rotate"] .bx-controls, section[id*="top-banner"] .bx-controls{ display:none; } section[id*="banner-rotate"] figcaption { position: absolute; bottom: 40px; width: 50%; margin: auto; max-width: 1500px; text-align: left; } /*section[id*="banner-rotate"] .container{*/ /* max-width:100%;*/ /*}*/ /*fix logo float causing banner shift*/ .s-home .main-header{overflow:hidden;} /*@media all and (max-width:800px) {*/ /* .s-home .main-header{overflow:visible;}*/ /*}*/ .s-home section[id*="banner-rotate"] figcaption h1{ font-size:28px; letter-spacing:.75px; font-family:'Gotham Medium'; text-transform:uppercase; margin-bottom:5px; } .s-home section[id*="banner-rotate"] figcaption h2{ font-size:21px; letter-spacing:.75px; line-height:1.4; /*font-family:'Gotham Medium';*/ /*text-transform:uppercase;*/ margin-bottom:5px; } .s-home .slide figcaption p{ font-size:14px; color:#000; } .s-home .navlinks { background: none; } /*BANNER STACK*/ section[id*="banner-stack"] .full-width-banner .slide figure{ padding-top:100vh; } .main-header nav:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } /*.main-header{overflow:hidden;}*/ /* --------------------------------------------------------- */ /*SITE INDEX STYLES*/ /* --------------------------------------------------------- */ a.footer-siteindex { /*display:none;*/ } .col-custom{ /*text-transform:initial;*/ color:#757575; font-family: Arial, Helvetica, Sans-serif; font-size: 9px; letter-spacing:.2px; padding-right:0; margin-top:10px; line-height:normal; text-align:left; width:100% } .col-custom span{ font-size: 9px; margin-right:10px; line-height:normal; } footer .credit { font-size: 9px; line-height:normal; margin-top: 0px; padding-right:0; width:auto !important; display:inline-block !important; } .custom-site-index-container{ max-width:785px; } @media (max-width: 1100px) { .main-header .logo { float: none; } .s-home .main-header{overflow:visible;} .s-home.detail-page #contentWrapper { padding-top: 0 !important; } .navlinks { padding-top: 40px !important; margin-right: -10px !important; background: #ffffff; padding: 10px 15px; } .main-header nav a { display: block; margin-left: 0 !Important; padding-bottom: 5px; } a.menu { content: ''; display: block; vertical-align: middle; width: 30px; height: 30px; background: url(https://s3.amazonaws.com/files.collageplatform.com.prod/application/5da4b461a5aa2c47128b4567/hamburgerlight2x-black.png) no-repeat top center; background-size: 20px 16px; font-size:0 !important; float: right; margin-top: 3px; opacity: 1; } a.menu:hover { content: ''; display: block; vertical-align: middle; width: 30px; height: 30px; background: url(https://s3.amazonaws.com/files.collageplatform.com.prod/application/5da4b461a5aa2c47128b4567/hamburgerlight2x-black.png) no-repeat top center; background-size: 20px 16px; font-size:0 !important; float: right; margin-top: 3px; opacity: 0.75; } .navlinks a { display: block !important; padding-top: 0 !important; text-align: right !important; -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 2s; /* Firefox < 16 */ -ms-animation: fadein 2s; /* Internet Explorer */ -o-animation: fadein 2s; /* Opera < 12.1 */ animation: fadein 2s; padding-bottom: 16px !important; } .s-home .mobile-menu-wrapper { display: block; position: absolute; right: 20px; top: 44px; padding-top: 0; } nav.main { display: none; } .main-header nav.mobile { text-align: right; padding-top: 3px; } .mobile-menu-wrapper { display: inline-block; position:relative; right: 0px; float: right; top: -5px; padding-top: 0px; } } @media (max-width: 768px) { section[id*="banner-rotate"] figcaption { width: 75% !important;} .grid.fitted.thumbnails .entry{ width:31.44%; } .grid.fitted.thumbnails .entry:nth-child(1n+1){ padding-right:2.66%; } .grid.fitted.thumbnails .entry:nth-child(3n+3){ padding-right:0!important; } .s-e1 header.section-header.divider.page-header .links , .s-art-fairs header.section-header.divider.page-header .links { display: block !Important; margin-top: 25px; } .news-details.img .image { float: none; margin-bottom: 30px; width: 100%; text-align: center; } } @media all and (max-width:500px) { section[id*="banner-rotate"] figcaption { width: 100% !important;} } @media (max-width: 420px) { header { /* text-transform: unset; */ padding: 50px 0; padding-bottom: 0 !important; } .mobile-menu-wrapper { display: inline-block; position: relative; right: 0px; float: none; text-align: center; width: 100%; top: 0; padding-top: 0px; } .mobile-menu-wrapper a:not(.active):hover { text-align: center !important; color: #666; width: 100%; } .s-home .main-header nav.mobile { text-align: center; padding-top: 25px; width: 100%; } nav.mobile .navlinks a { text-align: center !important; } .main-header nav a { display: block; margin-right: auto; margin-left: auto !important; padding-bottom: 5px; } a.menu { content: ''; display: block; vertical-align: middle; width: 30px; height: 30px; background: url(https://s3.amazonaws.com/files.collageplatform.com.prod/application/5da4b461a5aa2c47128b4567/hamburgerlight2x-black.png) no-repeat top center; background-size: 20px 16px; font-size:0 !important; float: none; margin-top: 3px; opacity: 1; } a.menu:hover { content: ''; display: block; vertical-align: middle; width: 30px; height: 30px; background: url(https://s3.amazonaws.com/files.collageplatform.com.prod/application/5da4b461a5aa2c47128b4567/hamburgerlight2x-black.png) no-repeat top center; background-size: 20px 16px; font-size:0 !important; float: none; margin-top: 3px; opacity: 0.75; } .navlinks { padding-top: 0px !important; margin-right: -10px !important; background: #ffffff; padding: 10px 15px; } header { /* text-transform: unset; */ padding: 0px 0; padding-bottom: 0 !important; } .custom-grid-a1 .entry { width: 100%; margin-right: 0; } .s-a1 span.links { display: block; margin-top: 15px; } .screen-nav a, .slider-features a, .section-header a, .private nav a { line-height: 1.8 !Important; } .grid.fitted.thumbnails .entry{ width:100%; } .grid.fitted.thumbnails .entry:nth-child(1n+1){ padding-right:0!important; } .text-two-columns .left { padding-right: 0; } .text-two-columns .right { padding-left: 0; } .text-two-columns .left, .text-two-columns .right { display: inline-block; width: 100%; vertical-align: top; } .news .entry { padding-bottom: 0; } .custom-grid-e1 .entry, .detail-page .custom-grid-e1 .entry, .detail-page .custom-grid-nl1 .entry, .custom-grid-nl1 .entry, .detail-page .custom-grid-a1 .entry, .custom-grid-p1 .entry, .detail-page .custom-grid-p1 .entry{ width: 100%; margin-right: 0; } .filter-items { padding-bottom: 15px; } .s-p1 .item-header { margin-bottom: 15px; } .text-or-image-two-columns.banner-image .caption { padding: 0 20px; } .text-two-columns.text-or-image-two-columns.banner-image .content { padding-bottom: 0; } .text-or-image-two-columns .right .image { text-align: left; } .s-cp1 .content { padding-bottom: 0px; } .text-two-columns .left, .text-two-columns .right { display: inline-block; width: 100%; padding-bottom: 30px; vertical-align: top; } .custom-grid .entry { width: 100%; margin-right: 0; } .grid .entry.medium { width: 100%; padding-right: 0; } .exhibitions.home header h4 { padding-bottom:10px; } .section-header .links { padding-bottom: 10px; } .s-nl1 .item-header { padding-bottom: 15px; } .custom_page header h1, header h4 { padding: 0 0 10px 0 !Important; } .news-details .details { width: 100%; max-width: 550px; } .footer-col1, .footer-col2, .footer-col3 { margin-bottom: 10px; } .footer-social { margin-bottom: 17px !important; display: block; float: none; } } .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 5da4b461a5aa2c47128b4567\2F 2ff91e94f397405ace6733ad2f9bd0a4\2E png') no-repeat; background-size: 32px 116px; width: 16px; height: 32px; margin-top: -16px; } .bx-wrapper .bx-controls-direction .bx-prev { background-position: 0 0; } .bx-wrapper .bx-controls-direction .bx-prev:hover { background-position: 0 -32px; } .bx-wrapper .bx-controls-direction .bx-next { background-position: -16px 0; } .bx-wrapper .bx-controls-direction .bx-next:hover { background-position: -16px -32px; } @media all and (max-width: 320px) { .bx-wrapper .bx-controls-direction .bx-next, .bx-wrapper .bx-controls-direction .bx-prev { width: 13px; height: 26px; margin-top: -13px; } .bx-wrapper .bx-controls-direction .bx-prev { background-position: 0 -64px; } .bx-wrapper .bx-controls-direction .bx-prev:hover { background-position: 0 -90px; } .bx-wrapper .bx-controls-direction .bx-next { background-position: -13px -64px; } .bx-wrapper .bx-controls-direction .bx-next:hover { background-position: -13px -90px; } } *:focus:not(.focus-visible) { outline: none; } *:focus { outline: 2px #A5C7FE solid; outline-offset: 1px; } .entry > a { display: inline-block; } .entry.small > a, .entry.medium > a, .entry.large > a, .grid.thumbnails > .entry > a, .grid.entries > .entry > a, .large-images > .entry > a, .entry.full > a { display: block; } div[class^='custom-grid'] > .entry > a, div[class*=' custom-grid'] > .entry > a, .grid-container > .grid > .entry > a, .list.text-only .entry > a { display: block; } .list.text-only .date { float: left; } .news .entry > .thumbnail > .image > a { display: inline-block; } #skipToContent { position: absolute; top: -1000px; left: -1000px; height: 1px; width: 1px; text-align: left; overflow: hidden; text-decoration: underline; } a#skipToContent:active, a#skipToContent:focus, a#skipToContent:hover { left: 0; top: 0; width: auto; height: auto; overflow: visible; } footer div > a.footer-siteindex, footer span > a.footer-siteindex{ white-space: nowrap; overflow: hidden; } #contentWrapper:focus { outline: transparent !important; } #contentWrapper #eccomerceCheckout .widget ul { display: block; margin-top: 5px; } #contentWrapper #eccomerceCheckout input.error { margin-bottom: 0; } label.required:after { content: '*'; margin-left: 2px; } .slideshow-container .swiper-slide { -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); } .slider-nav-next, .slider-nav-prev, .swiper-vow .slider-nav-next, .swiper-vow .slider-nav-prev, .swiper-vow .slider-nested-nav-prev, .swiper-vow .slider-nested-nav-next { background: url('https\3A \2F \2F s3\2E amazonaws\2E com\2F files\2E collageplatform\2E com\2E prod\2F application\2F 5da4b461a5aa2c47128b4567\2F 2ff91e94f397405ace6733ad2f9bd0a4\2E png') no-repeat; background-size: 32px 116px; width: 16px; height: 32px; margin-top: -16px; position: absolute; top: 50%; border: none; transform: none; } .slider-nav-prev, .swiper-vow .slider-nav-prev, .swiper-vow .slider-nested-nav-prev { background-position: 0 0; left: 0; } .slider-nav-prev:hover, .swiper-vow .slider-nav-prev:hover, .swiper-vow .slider-nested-nav-prev:hover { background: url('https\3A \2F \2F s3\2E amazonaws\2E com\2F files\2E collageplatform\2E com\2E prod\2F application\2F 5da4b461a5aa2c47128b4567\2F 2ff91e94f397405ace6733ad2f9bd0a4\2E png') no-repeat; background-size: 32px 116px; background-position: 0 -32px; border: 0; } .slider-nav-next, .swiper-vow .slider-nav-next, .swiper-vow .slider-nested-nav-next { background-position: -16px 0; right: 0; } .slider-nav-next:hover, .swiper-vow .slider-nav-next:hover, .swiper-vow .slider-nested-nav-next:hover { background: url('https\3A \2F \2F s3\2E amazonaws\2E com\2F files\2E collageplatform\2E com\2E prod\2F application\2F 5da4b461a5aa2c47128b4567\2F 2ff91e94f397405ace6733ad2f9bd0a4\2E png') no-repeat; background-size: 32px 116px; background-position: -16px -32px; border: 0; } @media all and (max-width: 320px) { .slider-nav-next, .slider-nav-prev, .swiper-vow .slider-nav-next, .swiper-vow .slider-nav-prev, .swiper-vow .slider-nested-nav-prev, .swiper-vow .slider-nested-nav-next { width: 13px; height: 26px; margin-top: -13px; } .slider-nav-prev, .swiper-vow .slider-nav-prev, .swiper-vow .slider-nested-nav-prev { background-position: 0 -64px; } .slider-nav-prev:hover, .swiper-vow .slider-nav-prev:hover, .swiper-vow .slider-nested-nav-prev:hover { background-position: 0 -90px; } .slider-nav-next, .swiper-vow .slider-nav-next, .swiper-vow .slider-nested-nav-next { background-position: -13px -64px; } .slider-nav-next:hover, .swiper-vow .slider-nav-next:hover, .swiper-vow .slider-nested-nav-next:hover { background-position: -13px -90px; } }