.container { max-width: 1300px; } .custom-grid .entry { width: 23.846153846154%; margin-right: 1.5384615384615%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 73.870967741935%; 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: 23.846153846154%; margin-right: 1.5384615384615%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-e1 .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-e1 .entry .placeholder { padding-top: 73.870967741935%; 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: 23.846153846154%; margin-right: 1.5384615384615%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-e1 .entry:nth-child(4n+4) { margin-right: 0; } .detail-page .custom-grid-e1 .entry .placeholder { padding-top: 73.870967741935%; 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.846153846154%; margin-right: 1.5384615384615%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-a1 .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-a1 .entry .placeholder { padding-top: 73.870967741935%; 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: 23.846153846154%; margin-right: 1.5384615384615%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-a1 .entry:nth-child(4n+4) { margin-right: 0; } .detail-page .custom-grid-a1 .entry .placeholder { padding-top: 73.870967741935%; 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.846153846154%; margin-right: 1.5384615384615%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-p1 .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-p1 .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-p1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .detail-page .custom-grid-p1 .entry { width: 23.846153846154%; margin-right: 1.5384615384615%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-p1 .entry:nth-child(4n+4) { margin-right: 0; } .detail-page .custom-grid-p1 .entry .placeholder { padding-top: 100%; background: inherit; } .detail-page .custom-grid-p1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-pr1 .entry { width: 23.846153846154%; margin-right: 1.5384615384615%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-pr1 .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-pr1 .entry .placeholder { padding-top: 73.870967741935%; background: inherit; } .custom-grid-pr1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-o1 .entry { width: 23.846153846154%; margin-right: 1.5384615384615%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-o1 .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-o1 .entry .placeholder { padding-top: 70.967741935484%; background: inherit; } .custom-grid-o1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-art-fairs .entry { width: 23.846153846154%; margin-right: 1.5384615384615%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-art-fairs .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-art-fairs .entry .placeholder { padding-top: 73.870967741935%; background: inherit; } .custom-grid-art-fairs .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .detail-page .custom-grid-art-fairs .entry { width: 23.846153846154%; margin-right: 1.5384615384615%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-art-fairs .entry:nth-child(4n+4) { margin-right: 0; } .detail-page .custom-grid-art-fairs .entry .placeholder { padding-top: 73.870967741935%; background: inherit; } .detail-page .custom-grid-art-fairs .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-viewing-room .entry { width: 48.461538461538%; margin-right: 3.0769230769231%; margin-bottom: 40px; 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: 82.539682539683%; 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-video .entry { width: 31.153846153846%; margin-right: 3.2692307692308%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-video .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-video .entry .placeholder { padding-top: 75.308641975309%; background: inherit; } .custom-grid-video .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.794871794872%; margin-right: 2.3076923076923%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4){ margin-right: 2.3076923076923%; } .custom-grid .entry:nth-child(3n+3){ margin-right: 2.3076923076923%; } .custom-grid .entry:nth-child(2n+2){ margin-right: 2.3076923076923%; } .custom-grid .entry:nth-child(1n+1){ margin-right: 2.3076923076923%; } .custom-grid .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 73.870967741935%; background: inherit; } .custom-grid .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .custom-grid-e1 .entry { width: 31.794871794872%; margin-right: 2.3076923076923%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-e1 .entry:nth-child(4n+4){ margin-right: 2.3076923076923%; } .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 2.3076923076923%; } .custom-grid-e1 .entry:nth-child(2n+2){ margin-right: 2.3076923076923%; } .custom-grid-e1 .entry:nth-child(2n+2){ margin-right: 2.3076923076923%; } .custom-grid-e1 .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-e1 .entry .placeholder { padding-top: 73.870967741935%; 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: 31.794871794872%; margin-right: 2.3076923076923%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-e1 .entry:nth-child(4n+4){ margin-right: 2.3076923076923%; } .detail-page .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 2.3076923076923%; } .detail-page .custom-grid-e1 .entry:nth-child(2n+2){ margin-right: 2.3076923076923%; } .detail-page .custom-grid-e1 .entry:nth-child(1n+1){ margin-right: 2.3076923076923%; } .detail-page .custom-grid-e1 .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-e1 .entry .placeholder { padding-top: 73.870967741935%; 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.794871794872%; margin-right: 2.3076923076923%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-a1 .entry:nth-child(4n+4){ margin-right: 2.3076923076923%; } .custom-grid-a1 .entry:nth-child(3n+3){ margin-right: 2.3076923076923%; } .custom-grid-a1 .entry:nth-child(2n+2){ margin-right: 2.3076923076923%; } .custom-grid-a1 .entry:nth-child(2n+2){ margin-right: 2.3076923076923%; } .custom-grid-a1 .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-a1 .entry .placeholder { padding-top: 73.870967741935%; 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: 31.794871794872%; margin-right: 2.3076923076923%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-a1 .entry:nth-child(4n+4){ margin-right: 2.3076923076923%; } .detail-page .custom-grid-a1 .entry:nth-child(3n+3){ margin-right: 2.3076923076923%; } .detail-page .custom-grid-a1 .entry:nth-child(2n+2){ margin-right: 2.3076923076923%; } .detail-page .custom-grid-a1 .entry:nth-child(1n+1){ margin-right: 2.3076923076923%; } .detail-page .custom-grid-a1 .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-a1 .entry .placeholder { padding-top: 73.870967741935%; 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.794871794872%; margin-right: 2.3076923076923%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-p1 .entry:nth-child(4n+4){ margin-right: 2.3076923076923%; } .custom-grid-p1 .entry:nth-child(3n+3){ margin-right: 2.3076923076923%; } .custom-grid-p1 .entry:nth-child(2n+2){ margin-right: 2.3076923076923%; } .custom-grid-p1 .entry:nth-child(2n+2){ margin-right: 2.3076923076923%; } .custom-grid-p1 .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-p1 .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-p1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .detail-page .custom-grid-p1 .entry { width: 31.794871794872%; margin-right: 2.3076923076923%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-p1 .entry:nth-child(4n+4){ margin-right: 2.3076923076923%; } .detail-page .custom-grid-p1 .entry:nth-child(3n+3){ margin-right: 2.3076923076923%; } .detail-page .custom-grid-p1 .entry:nth-child(2n+2){ margin-right: 2.3076923076923%; } .detail-page .custom-grid-p1 .entry:nth-child(1n+1){ margin-right: 2.3076923076923%; } .detail-page .custom-grid-p1 .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-p1 .entry .placeholder { padding-top: 100%; background: inherit; } .detail-page .custom-grid-p1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .custom-grid-pr1 .entry { width: 31.794871794872%; margin-right: 2.3076923076923%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-pr1 .entry:nth-child(4n+4){ margin-right: 2.3076923076923%; } .custom-grid-pr1 .entry:nth-child(3n+3){ margin-right: 2.3076923076923%; } .custom-grid-pr1 .entry:nth-child(2n+2){ margin-right: 2.3076923076923%; } .custom-grid-pr1 .entry:nth-child(1n+1){ margin-right: 2.3076923076923%; } .custom-grid-pr1 .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-pr1 .entry .placeholder { padding-top: 73.870967741935%; background: inherit; } .custom-grid-pr1 .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-o1 .entry { width: 31.794871794872%; margin-right: 2.3076923076923%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-o1 .entry:nth-child(4n+4){ margin-right: 2.3076923076923%; } .custom-grid-o1 .entry:nth-child(3n+3){ margin-right: 2.3076923076923%; } .custom-grid-o1 .entry:nth-child(2n+2){ margin-right: 2.3076923076923%; } .custom-grid-o1 .entry:nth-child(1n+1){ margin-right: 2.3076923076923%; } .custom-grid-o1 .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-o1 .entry .placeholder { padding-top: 70.967741935484%; background: inherit; } .custom-grid-o1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .custom-grid-art-fairs .entry { width: 31.794871794872%; margin-right: 2.3076923076923%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-art-fairs .entry:nth-child(4n+4){ margin-right: 2.3076923076923%; } .custom-grid-art-fairs .entry:nth-child(3n+3){ margin-right: 2.3076923076923%; } .custom-grid-art-fairs .entry:nth-child(2n+2){ margin-right: 2.3076923076923%; } .custom-grid-art-fairs .entry:nth-child(2n+2){ margin-right: 2.3076923076923%; } .custom-grid-art-fairs .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-art-fairs .entry .placeholder { padding-top: 73.870967741935%; background: inherit; } .custom-grid-art-fairs .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .detail-page .custom-grid-art-fairs .entry { width: 31.794871794872%; margin-right: 2.3076923076923%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-art-fairs .entry:nth-child(4n+4){ margin-right: 2.3076923076923%; } .detail-page .custom-grid-art-fairs .entry:nth-child(3n+3){ margin-right: 2.3076923076923%; } .detail-page .custom-grid-art-fairs .entry:nth-child(2n+2){ margin-right: 2.3076923076923%; } .detail-page .custom-grid-art-fairs .entry:nth-child(1n+1){ margin-right: 2.3076923076923%; } .detail-page .custom-grid-art-fairs .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-art-fairs .entry .placeholder { padding-top: 73.870967741935%; background: inherit; } .detail-page .custom-grid-art-fairs .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .custom-grid-viewing-room .entry { width: 48.461538461538%; margin-right: 3.0769230769231%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-viewing-room .entry:nth-child(2n+2){ margin-right: 3.0769230769231%; } .custom-grid-viewing-room .entry:nth-child(2n+2){ margin-right: 3.0769230769231%; } .custom-grid-viewing-room .entry:nth-child(1n+1){ margin-right: 3.0769230769231%; } .custom-grid-viewing-room .entry:nth-child(1n+1){ margin-right: 3.0769230769231%; } .custom-grid-viewing-room .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-viewing-room .entry .placeholder { padding-top: 82.539682539683%; 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-video .entry { width: 31.153846153846%; margin-right: 3.2692307692308%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-video .entry:nth-child(3n+3){ margin-right: 3.2692307692308%; } .custom-grid-video .entry:nth-child(3n+3){ margin-right: 3.2692307692308%; } .custom-grid-video .entry:nth-child(2n+2){ margin-right: 3.2692307692308%; } .custom-grid-video .entry:nth-child(2n+2){ margin-right: 3.2692307692308%; } .custom-grid-video .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-video .entry .placeholder { padding-top: 75.308641975309%; background: inherit; } .custom-grid-video .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.692307692308%; margin-right: 4.6153846153846%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4){ margin-right: 4.6153846153846%; } .custom-grid .entry:nth-child(3n+3){ margin-right: 4.6153846153846%; } .custom-grid .entry:nth-child(2n+2){ margin-right: 4.6153846153846%; } .custom-grid .entry:nth-child(1n+1){ margin-right: 4.6153846153846%; } .custom-grid .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 73.870967741935%; 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: 47.692307692308%; margin-right: 4.6153846153846%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-e1 .entry:nth-child(4n+4){ margin-right: 4.6153846153846%; } .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 4.6153846153846%; } .custom-grid-e1 .entry:nth-child(2n+2){ margin-right: 4.6153846153846%; } .custom-grid-e1 .entry:nth-child(2n+2){ margin-right: 4.6153846153846%; } .custom-grid-e1 .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-e1 .entry .placeholder { padding-top: 73.870967741935%; 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: 47.692307692308%; margin-right: 4.6153846153846%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-e1 .entry:nth-child(4n+4){ margin-right: 4.6153846153846%; } .detail-page .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 4.6153846153846%; } .detail-page .custom-grid-e1 .entry:nth-child(2n+2){ margin-right: 4.6153846153846%; } .detail-page .custom-grid-e1 .entry:nth-child(1n+1){ margin-right: 4.6153846153846%; } .detail-page .custom-grid-e1 .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-e1 .entry .placeholder { padding-top: 73.870967741935%; 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.692307692308%; margin-right: 4.6153846153846%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-a1 .entry:nth-child(4n+4){ margin-right: 4.6153846153846%; } .custom-grid-a1 .entry:nth-child(3n+3){ margin-right: 4.6153846153846%; } .custom-grid-a1 .entry:nth-child(2n+2){ margin-right: 4.6153846153846%; } .custom-grid-a1 .entry:nth-child(2n+2){ margin-right: 4.6153846153846%; } .custom-grid-a1 .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-a1 .entry .placeholder { padding-top: 73.870967741935%; 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: 47.692307692308%; margin-right: 4.6153846153846%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-a1 .entry:nth-child(4n+4){ margin-right: 4.6153846153846%; } .detail-page .custom-grid-a1 .entry:nth-child(3n+3){ margin-right: 4.6153846153846%; } .detail-page .custom-grid-a1 .entry:nth-child(2n+2){ margin-right: 4.6153846153846%; } .detail-page .custom-grid-a1 .entry:nth-child(1n+1){ margin-right: 4.6153846153846%; } .detail-page .custom-grid-a1 .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-a1 .entry .placeholder { padding-top: 73.870967741935%; 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.692307692308%; margin-right: 4.6153846153846%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-p1 .entry:nth-child(4n+4){ margin-right: 4.6153846153846%; } .custom-grid-p1 .entry:nth-child(3n+3){ margin-right: 4.6153846153846%; } .custom-grid-p1 .entry:nth-child(2n+2){ margin-right: 4.6153846153846%; } .custom-grid-p1 .entry:nth-child(2n+2){ margin-right: 4.6153846153846%; } .custom-grid-p1 .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-p1 .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-p1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .detail-page .custom-grid-p1 .entry { width: 47.692307692308%; margin-right: 4.6153846153846%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-p1 .entry:nth-child(4n+4){ margin-right: 4.6153846153846%; } .detail-page .custom-grid-p1 .entry:nth-child(3n+3){ margin-right: 4.6153846153846%; } .detail-page .custom-grid-p1 .entry:nth-child(2n+2){ margin-right: 4.6153846153846%; } .detail-page .custom-grid-p1 .entry:nth-child(1n+1){ margin-right: 4.6153846153846%; } .detail-page .custom-grid-p1 .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-p1 .entry .placeholder { padding-top: 100%; background: inherit; } .detail-page .custom-grid-p1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid-pr1 .entry { width: 47.692307692308%; margin-right: 4.6153846153846%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-pr1 .entry:nth-child(4n+4){ margin-right: 4.6153846153846%; } .custom-grid-pr1 .entry:nth-child(3n+3){ margin-right: 4.6153846153846%; } .custom-grid-pr1 .entry:nth-child(2n+2){ margin-right: 4.6153846153846%; } .custom-grid-pr1 .entry:nth-child(1n+1){ margin-right: 4.6153846153846%; } .custom-grid-pr1 .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-pr1 .entry .placeholder { padding-top: 73.870967741935%; background: inherit; } .custom-grid-pr1 .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-o1 .entry { width: 47.692307692308%; margin-right: 4.6153846153846%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-o1 .entry:nth-child(4n+4){ margin-right: 4.6153846153846%; } .custom-grid-o1 .entry:nth-child(3n+3){ margin-right: 4.6153846153846%; } .custom-grid-o1 .entry:nth-child(2n+2){ margin-right: 4.6153846153846%; } .custom-grid-o1 .entry:nth-child(1n+1){ margin-right: 4.6153846153846%; } .custom-grid-o1 .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-o1 .entry .placeholder { padding-top: 70.967741935484%; background: inherit; } .custom-grid-o1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid-art-fairs .entry { width: 47.692307692308%; margin-right: 4.6153846153846%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-art-fairs .entry:nth-child(4n+4){ margin-right: 4.6153846153846%; } .custom-grid-art-fairs .entry:nth-child(3n+3){ margin-right: 4.6153846153846%; } .custom-grid-art-fairs .entry:nth-child(2n+2){ margin-right: 4.6153846153846%; } .custom-grid-art-fairs .entry:nth-child(2n+2){ margin-right: 4.6153846153846%; } .custom-grid-art-fairs .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-art-fairs .entry .placeholder { padding-top: 73.870967741935%; background: inherit; } .custom-grid-art-fairs .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .detail-page .custom-grid-art-fairs .entry { width: 47.692307692308%; margin-right: 4.6153846153846%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-art-fairs .entry:nth-child(4n+4){ margin-right: 4.6153846153846%; } .detail-page .custom-grid-art-fairs .entry:nth-child(3n+3){ margin-right: 4.6153846153846%; } .detail-page .custom-grid-art-fairs .entry:nth-child(2n+2){ margin-right: 4.6153846153846%; } .detail-page .custom-grid-art-fairs .entry:nth-child(1n+1){ margin-right: 4.6153846153846%; } .detail-page .custom-grid-art-fairs .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-art-fairs .entry .placeholder { padding-top: 73.870967741935%; background: inherit; } .detail-page .custom-grid-art-fairs .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid-viewing-room .entry { width: 100%; margin-right: 0%; margin-bottom: 40px; 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: 82.539682539683%; 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-video .entry { width: 46.730769230769%; margin-right: 6.5384615384615%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-video .entry:nth-child(3n+3){ margin-right: 6.5384615384615%; } .custom-grid-video .entry:nth-child(3n+3){ margin-right: 6.5384615384615%; } .custom-grid-video .entry:nth-child(2n+2){ margin-right: 6.5384615384615%; } .custom-grid-video .entry:nth-child(2n+2){ margin-right: 6.5384615384615%; } .custom-grid-video .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-video .entry .placeholder { padding-top: 75.308641975309%; background: inherit; } .custom-grid-video .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid .entry { width: 100%; margin-right: 0%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4){ margin-right: 0%; } .custom-grid .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 73.870967741935%; 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: 47.692307692308%; margin-right: 4.6153846153846%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-e1 .entry:nth-child(4n+4){ margin-right: 4.6153846153846%; } .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 4.6153846153846%; } .custom-grid-e1 .entry:nth-child(2n+2){ margin-right: 4.6153846153846%; } .custom-grid-e1 .entry:nth-child(2n+2){ margin-right: 4.6153846153846%; } .custom-grid-e1 .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-e1 .entry .placeholder { padding-top: 73.870967741935%; 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: 100%; margin-right: 0%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-e1 .entry:nth-child(4n+4){ margin-right: 0%; } .detail-page .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 0%; } .detail-page .custom-grid-e1 .entry:nth-child(2n+2){ margin-right: 0%; } .detail-page .custom-grid-e1 .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-e1 .entry:nth-child(1n+1) { margin-right: 0; } .detail-page .custom-grid-e1 .entry .placeholder { padding-top: 73.870967741935%; 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.692307692308%; margin-right: 4.6153846153846%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-a1 .entry:nth-child(4n+4){ margin-right: 4.6153846153846%; } .custom-grid-a1 .entry:nth-child(3n+3){ margin-right: 4.6153846153846%; } .custom-grid-a1 .entry:nth-child(2n+2){ margin-right: 4.6153846153846%; } .custom-grid-a1 .entry:nth-child(2n+2){ margin-right: 4.6153846153846%; } .custom-grid-a1 .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-a1 .entry .placeholder { padding-top: 73.870967741935%; 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: 100%; margin-right: 0%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-a1 .entry:nth-child(4n+4){ margin-right: 0%; } .detail-page .custom-grid-a1 .entry:nth-child(3n+3){ margin-right: 0%; } .detail-page .custom-grid-a1 .entry:nth-child(2n+2){ margin-right: 0%; } .detail-page .custom-grid-a1 .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-a1 .entry:nth-child(1n+1) { margin-right: 0; } .detail-page .custom-grid-a1 .entry .placeholder { padding-top: 73.870967741935%; 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.692307692308%; margin-right: 4.6153846153846%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-p1 .entry:nth-child(4n+4){ margin-right: 4.6153846153846%; } .custom-grid-p1 .entry:nth-child(3n+3){ margin-right: 4.6153846153846%; } .custom-grid-p1 .entry:nth-child(2n+2){ margin-right: 4.6153846153846%; } .custom-grid-p1 .entry:nth-child(2n+2){ margin-right: 4.6153846153846%; } .custom-grid-p1 .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-p1 .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-p1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .detail-page .custom-grid-p1 .entry { width: 100%; margin-right: 0%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-p1 .entry:nth-child(4n+4){ margin-right: 0%; } .detail-page .custom-grid-p1 .entry:nth-child(3n+3){ margin-right: 0%; } .detail-page .custom-grid-p1 .entry:nth-child(2n+2){ margin-right: 0%; } .detail-page .custom-grid-p1 .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-p1 .entry:nth-child(1n+1) { margin-right: 0; } .detail-page .custom-grid-p1 .entry .placeholder { padding-top: 100%; background: inherit; } .detail-page .custom-grid-p1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid-pr1 .entry { width: 100%; margin-right: 0%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-pr1 .entry:nth-child(4n+4){ margin-right: 0%; } .custom-grid-pr1 .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-pr1 .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-pr1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-pr1 .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-pr1 .entry .placeholder { padding-top: 73.870967741935%; background: inherit; } .custom-grid-pr1 .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-o1 .entry { width: 100%; margin-right: 0%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-o1 .entry:nth-child(4n+4){ margin-right: 0%; } .custom-grid-o1 .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-o1 .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-o1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-o1 .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-o1 .entry .placeholder { padding-top: 70.967741935484%; background: inherit; } .custom-grid-o1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid-art-fairs .entry { width: 47.692307692308%; margin-right: 4.6153846153846%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-art-fairs .entry:nth-child(4n+4){ margin-right: 4.6153846153846%; } .custom-grid-art-fairs .entry:nth-child(3n+3){ margin-right: 4.6153846153846%; } .custom-grid-art-fairs .entry:nth-child(2n+2){ margin-right: 4.6153846153846%; } .custom-grid-art-fairs .entry:nth-child(2n+2){ margin-right: 4.6153846153846%; } .custom-grid-art-fairs .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-art-fairs .entry .placeholder { padding-top: 73.870967741935%; background: inherit; } .custom-grid-art-fairs .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .detail-page .custom-grid-art-fairs .entry { width: 100%; margin-right: 0%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-art-fairs .entry:nth-child(4n+4){ margin-right: 0%; } .detail-page .custom-grid-art-fairs .entry:nth-child(3n+3){ margin-right: 0%; } .detail-page .custom-grid-art-fairs .entry:nth-child(2n+2){ margin-right: 0%; } .detail-page .custom-grid-art-fairs .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-art-fairs .entry:nth-child(1n+1) { margin-right: 0; } .detail-page .custom-grid-art-fairs .entry .placeholder { padding-top: 73.870967741935%; background: inherit; } .detail-page .custom-grid-art-fairs .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid-viewing-room .entry { width: 100%; margin-right: 0%; margin-bottom: 40px; 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: 82.539682539683%; 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-video .entry { width: 46.730769230769%; margin-right: 6.5384615384615%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-video .entry:nth-child(3n+3){ margin-right: 6.5384615384615%; } .custom-grid-video .entry:nth-child(3n+3){ margin-right: 6.5384615384615%; } .custom-grid-video .entry:nth-child(2n+2){ margin-right: 6.5384615384615%; } .custom-grid-video .entry:nth-child(2n+2){ margin-right: 6.5384615384615%; } .custom-grid-video .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-video .entry .placeholder { padding-top: 75.308641975309%; background: inherit; } .custom-grid-video .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } body { background: #ffffff; color: #000000; font-size: 12px; line-height: normal; } #overlay, footer { background: #ffffff; } .list.text-only.entries.fixed-font .date { font-size: 12px; } .main-header nav.homepage a:hover, .main-header nav.homepage a.active, #slidecaption a:hover * { color: #888888 !important; } a, .private-login input[type="submit"] { color: #888888; } #overlay .close { color: #888888; font-size: 12px; } .main-header nav a, .screen-nav a, .slider-features a, .section-header a, .private nav a { color: #888888; font-size: 12px; letter-spacing: 0px; } a:hover, a:hover *, .grid .entry a:hover span, .private-login input[type="submit"]:hover, .entry a:hover .placeholder, .entry a:hover .thumb, #overlay .close:hover, .main-header nav a:hover, .main-header nav a.active, .screen-nav a.active, .screen-nav a:hover, .screen-nav a:hover *, .slider-features a.active, .slider-features a:hover, .slider-features a:hover *, .section-header a:hover, .section-header a:hover *, .section-header a.active { color: #000000 !important; } section header, .divider, .news .entry { border-color: #b4b4b4; } .homepage .caption h1 { color: #000000; letter-spacing: 0px; font-size: 12px; } .entry .placeholder, .entry .thumb, .list.text-only.entries.fixed-font a .summary, .main-header nav.homepage a, #slidecaption a *, .news .list h1 { color: #000000; } .medium h1, .small h1, .medium h2, .small h2, .medium h3, .small h3, .entries.fixed-font .title, .entries.fixed-font .titles, .entries.fixed-font .subtitle, .entries.fixed-font .date, .entries.fixed-font .titles .subtitle, .entries.fixed-font .titles .date, .fixed-font .entries .date, .grid.fixed-font .title, .grid.fixed-font .titles, .grid.fixed-font .subtitle, .grid.fixed-font .date, .grid.fixed-font .titles .subtitle, .grid.fixed-font .titles .date, .fixed-font .grid .date, .links a, .fixed-font .entry h1, .fixed-font .entry h2, .fixed-font .entry h3 { line-height: normal; font-size: 12px; } p, .large-images h2, .news .entry h2, .large-images h3, .news .entry h3 { line-height: normal; } h2, .entries .subtitle, .grid .subtitle, .grid .titles .subtitle, .homepage .caption h2, h1, h1.sectionname, .entries .titles, .entries .title, .grid .titles, .grid .title, h3, .entries .date, .grid .date, .grid .titles .date, .homepage .caption h3, h4, .sectionname { color: #000000; line-height: normal; letter-spacing: 0px; font-size: 12px; } .paragraph-styling p { margin-bottom: 2em; } .s-visit.detail-page iframe { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } .fitted .placeholder .image img { max-height: 100%; max-width: 100%; } .main-header .container { max-width: none; } .s-home.detail-page section#wrapper-associations .container { max-width: none; } .s-home.detail-page section#wrapper-associations .placeholder .image img { width: 100%; } .s-home.detail-page footer .container { max-width: none; padding: 0 40px; } .s-viewing-room.login-page .container { text-align: center; } .s-viewing-room.login-page form { display: inline-grid; } .s-viewing-room.login-page h4 { font-family: 'Trade Gothic Bold'; font-size: 24px !important; text-transform: unset; } .s-viewing-room.login-page form input[type="text"], .s-viewing-room.login-page form input[type="password"], .s-viewing-room.login-page form input[type="email"], .s-viewing-room.login-page form select, .s-viewing-room.login-page form textarea { border: 1px solid #444; } .private-login input[type="submit"] { height: 37px; width: 110px; font-size: 12px; line-height: 1; padding: 14px 15px; border: 1px solid #444; background-color: #fff; } /* ------------------------------------------------------- */ /* EDITS 9/14/20 */ /* --------------------------------------------------------- */ /* MODULAR */ .s-visit.detail-page #wrapper-text-image header.section-header.divider { display: inherit; } .s-visit.detail-page header h1 { text-transform: unset; } #wrapper-text-image .text-one-column-with-image.image-on-right .image { text-align: left; } #preview-images .bx-viewport { margin-bottom: 0 !important; } .s-visit.detail-page #wrapper-text-image .text-one-column-with-image .container { max-width: 900px; } #wrapper-text-image .text-one-column-with-image.banner-image .container { max-width: 100%; } /* adjust space between each row */ #wrapper-text-image .text-one-column-with-image{padding-bottom:30px;} /* adjust space for last row */ #wrapper-text-image .text-one-column-with-image:last-of-type{ padding-top: 0; padding-bottom:30px;} /*adjust ratio between left and right*/ /*#wrapper-text-image .text-one-column-with-image .text {width: 54%;}*/ /*#wrapper-text-image .text-one-column-with-image .image {width: 41%;}*/ /*#wrapper-text-image .text-one-column-with-image.image-on-right .image img {margin-left: auto;}*/ /* adjust both .text and .image bottom optically equal */ #wrapper-text-image .text-one-column-with-image .text{padding-bottom:20px!important;} #wrapper-text-image .text-one-column-with-image .image{padding-bottom:40px!important;} /*adjust EITHER img OR p to both top align */ /*#wrapper-text-image .text-one-column-with-image .image{margin-top:.3em;}*/ /*#wrapper-text-image .text-one-column-with-image .text{margin-top:-.5em;}*/ /*image but not large image*/ #wrapper-text-image .text-one-column-with-image:not(.large-image) .image img{ max-height:500px; } /* adjust no-image width */ #wrapper-text-image .text-one-column-with-image.no-image .text{ width:100%; max-width:630px;} /* center no-image width */ #wrapper-text-image .text-one-column-with-image.no-image .text{margin-left: auto; margin-right:auto;float:none;} /*large-image*/ #wrapper-text-image .text-one-column-with-image.large-image {padding-top: 0px; } #wrapper-text-image .text-one-column-with-image.large-image .container{max-width:1300px;} #wrapper-text-image .text-one-column-with-image.large-image .image {width: 100%;} #wrapper-text-image .text-one-column-with-image.large-image:not(.no-image) .text{display:none;} #text-image .text-one-column-with-image.large-image .image+.text { max-width: 780px; margin-left: auto; margin-right: auto; } #wrapper-text-image .text-one-column-with-image.large-image .image img{ margin-left:auto; margin-right:auto; } #wrapper-text-image .text-one-column-with-image.large-image .image .caption{ text-align:center; max-width:600px; margin-left:auto; margin-right:auto; } #wrapper-text-image .text-one-column-with-image.large-image .image .caption p{ text-align:center; } #wrapper-text-image .text-one-column-with-image.large-image .text{margin-bottom:30px;} #wrapper-text-image .text-one-column-with-image.large-image .text p{text-align:center;} /*#wrapper-text-image .text-one-column-with-image.large-image .text p:last-of-type{margin-bottom:0;}*/ /* -------------------------------- */ /* large-image quotes */ #wrapper-text-image .text-one-column-with-image.large-image .text header.section-header.divider { display: none; } #wrapper-text-image .text-one-column-with-image.large-image .text { max-width: 950px; margin-bottom: 0; padding-bottom: 0 !important; margin: 0px auto 50px auto !important; } #wrapper-text-image .text-one-column-with-image.large-image .text p:first-of-type{ font-size: 20px !important; max-width: 780px; margin-left: auto; margin-right: auto; line-height:1.8; margin-bottom:30px; } @media all and (max-width:768px){#wrapper-text-image .text-one-column-with-image.large-image .text p:first-of-type{font-size:18px;}} @media all and (max-width:620px){#wrapper-text-image .text-one-column-with-image.large-image .text p:first-of-type{font-size:15px;}} /*banner-image*/ #wrapper-text-image .text-one-column-with-image.banner-image .container{max-width:100%;} #wrapper-text-image .text-one-column-with-image.banner-image .image{width: 100% !important; padding-bottom: 0 !important;} #wrapper-text-image .text-one-column-with-image.banner-image figure{ padding-top: 70vh; min-height:23vh; pointer-events:none; background-color:#f9f9f9; } .new { display: none !important; } .s-viewing-room .new { width: 78%; display: block !important; margin-top:20px; text-transform: uppercase; } .s-viewing-room .new p { font-family: Arial,Helvetica,Sans-serif; font-size: 10px !important; } .s-viewing-room .new a { color: #757575; } /*.grid.fitted.thumbnails .entry .image img {*/ /* width: 100%;*/ /* height: 100%;*/ /* object-fit: contain;*/ /*}*/ .full-width-banner .view-more { font-size: 0; background: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/5cba1172a5aa2c2c113bee51/down-arrow-black.png') no-repeat center; background-size: 30px 14px; position: absolute; top: calc(100vh - 40px); width: 100%; z-index: 100; padding: 7px 0; cursor: pointer; } /* -------------------------------------------------------------------------- */ /* SPACING */ section#biography { margin-bottom: 60px; } #related-a1 { margin-bottom: 60px; } #related-e1 { margin-bottom: 60px; } #related-video { margin-bottom: 60px; } #related-art-fairs { margin-bottom: 60px; } /* -------------------------------------------------------------------------- */ /* VIEWING ROOM */ .emailProtectedPage{ margin-top: -110px; width: 100vw; height:100vh; /*padding-top:100px;*/ /*background-color:#2d2d2d;*/ display: flex; align-items: center; z-index: 9999 !important; } .emailProtectedPage > .container{ margin-bottom:50px; text-align:center; } .emailProtectedPage h4{ font-family: 'Trade Gothic Bold'; font-size:24px !important; text-transform: unset; width:100%; text-align:center; margin-bottom:50px !important; max-width:1080px; } .emailProtectedPage form{ margin-bottom:40px; text-align:center; } .emailProtectedPage form input{ display:inline-block; } .emailProtectedPage form input[type="email"], .emailProtectedPage form input[type="text"]{ height: 40px; font-size: 12px; padding: 10px 15px 6px 15px; margin-bottom:20px; color:#000; /*background-color:#333333;*/ border-color:#444444; } .emailProtectedPage form input[type="text"] { width: 275px; } .emailProtectedPage form input[type="text"]:first-of-type { margin-right: 20px; } .emailProtectedPage form input[type="email"] { width: 460px; margin-right: 0; margin-bottom: 0; } .emailProtectedPage form input[type="submit"]{ height: 40px; width: 110px; font-size: 12px; line-height: unset; padding:14px 15px; border: 1px solid #444; background-color:#fff; } @media all and (max-width: 680px){ .emailProtectedPage{ display: block; padding-top:50px; padding-bottom:50px; } .emailProtectedPage form input{ display:block; } .emailProtectedPage form input[type="email"], .emailProtectedPage form input[type="text"] { width:100%; } } /* --------------------------------------------------------- */ /* TOP BANNER */ #top-banner { margin-top: -190px; margin-bottom: 100px; } #top-banner .full-width-banner .slide figure{ padding-top:70vh; } #top-banner .full-width-banner .slide figcaption{ margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 800px; /*height: 100%;*/ /*display:flex;*/ /*justify-content: center;*/ /*align-items: center;*/ } #top-banner figcaption h1 { font-family: 'Trade Gothic Bold' !important; font-size: 80px !important; line-height: 1.1; -webkit-font-smoothing: antialiased; color: #fff; /*text-shadow: 1px 1px 1px rgba(0,0,0,0.27);*/ } #top-banner figcaption h2 { font-size: 60px !important; padding-top: 20px !important; line-height: 1.1; -webkit-font-smoothing: antialiased; color: #fff; /*text-shadow: 1px 1px 1px rgba(0,0,0,0.27);*/ } #top-banner figcaption p { font-size: 40px !important; padding-top: 10px; line-height: 1.1; -webkit-font-smoothing: antialiased; color: #fff; /*text-shadow: 1px 1px 1px rgba(0,0,0,0.27);*/ } #top-banner figcaption p strong > em, #top-banner figcaption p em > strong { font-family: 'GillSans-Regular'; color:#fff !important; font-weight:normal; text-decoration:none !important; font-style: initial; text-decoration-line: none !important; } /* black header */ .custom-global-menu{ display: none; } .s-viewing-room .custom-global-menu, .s-viewing-room #overlay .custom-global-menu{ display: block; background-color:#000000; z-index: 9000; position: relative; margin-bottom: 50px; color: #ffffff; padding: 10px 20px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; } .s-viewing-room .custom-global-menu a{ display:inline-block; color: #ffffff; } .s-viewing-room .custom-global-menu a:hover{ color:#888888 !important; } .s-viewing-room .custom-global-menu a { float:right; } .s-viewing-room p { /*color: #000000 !important;*/ font-size: 15px; padding-bottom: 15px; } .s-viewing-room .main-header { padding-top: 0; padding-bottom: 70px; display: flex; } .s-viewing-room .main-header nav { display: none; } .s-viewing-room .item-header-background{ height:70vh; } .s-viewing-room div#screen-banner-image .slide figure { padding-top: 100vh; } /*.s-viewing-room .main-header .logo img {*/ /* -webkit-filter: invert(100%);*/ /* filter: invert(100%);*/ /*}*/ .s-viewing-room.detail-page section#info .container:not(.page-header-container){ max-width:1080px; } .s-viewing-room .background-header .item-header h1{ font-size:80px !important; color:#ffffff; padding: 0 !important; line-height:1.1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .s-viewing-room .background-header .item-header h2 { font-size: 40px !important; padding-top: 20px !important; background-color: transparent; } .s-viewing-room header h1 { text-align: center; margin: auto; padding: 0 !important; font-size: 14px; color: #000000; } .text-one-column, .text-one-column-with-image, .article, .news-details, .contact { padding-bottom: 50px; padding-top: 50px; } .s-viewing-room .background-header .item-header *{ color:#ffffff !important; text-align: center; } .s-viewing-room .item-header-background>div{ max-width:800px; } .s-viewing-room .background-header{ width: 100% !important; margin-bottom:50px; margin-top:-100px; } .s-viewing-room span.item-header.item-header-background{ background-position:center center; } .s-viewing-room div#screen-intro .text-one-column .content { width: 100%; max-width: 680px; margin: 0 auto; font-size: 20px !Important; line-height: 170%; color: #000000; padding-top: 30px; padding-bottom: 50px; } .s-viewing-room div#screen-intro .text-one-column .content p { font-size: 20px !Important; } .s-viewing-room header.section-header.page-header .container.divider { display: none; } /* --------------------------------------------------------- */ /* XL thumbnails in slideshow */ .s-viewing-room .grid a.entry.ajax { width: 31.5%; } .s-viewing-room .grid a.entry.ajax:nth-child(3n+0) { padding-right: 0; } .s-viewing-room .grid a.entry.ajax:nth-child(4n+0) { padding-right: 2.66%; } .s-viewing-room .grid a.entry.ajax:nth-child(4n+12) { padding-right: 0; } .s-viewing-room .grid .entry { width: 31.5%; } .s-viewing-room .grid .entry:nth-child(3n+0) { padding-right: 0; } .s-viewing-room .grid .entry:nth-child(4n+0) { padding-right: 2.66%; } .s-viewing-room .grid .entry:nth-child(4n+12) { padding-right: 0; } .s-viewing-room .fitted .placeholder .image img { max-height: 100%; max-width: 100%; } .fitted .placeholder { background: none; } a.inquire { text-align: center; padding-top: 0; } .s-viewing-room div#screen-images .container { max-width: none; } .s-viewing-room div#screen-images h1 { font-size: 0px; } .s-viewing-room .line-separator { margin-bottom: 20px; } .s-viewing-room header.section-header.divider.border-top { border-bottom-width: 0; } .s-viewing-room .full-slider .bx-wrapper { max-width: none !Important; width: 100% !important; } .s-viewing-room section#images { border-top: 0.25px solid #989595 !important; border-bottom: 0.25px solid #989595 !important; margin-bottom: 50px; padding-top: 50px; margin-top: -22px; } .s-viewing-room .text-one-column-with-image header h1 { text-align: left; margin-left: 0 !important; } .s-viewing-room .text-one-column-with-image .divider { margin-bottom: 5px; border-bottom-width: 0; } .s-viewing-room #text-image .container, .s-viewing-room #text-image1 .container { max-width: 1080px; margin-left: auto; margin-right: auto; } .s-viewing-room #screen-text-image header.section-header.divider { display: inherit; text-align:center; } .s-viewing-room section#text-image, .s-preview-rooms section#text-image1 { margin-bottom: 50px; } .s-viewing-room section#banner-image { margin-bottom: 100px; } .s-viewing-room div#screen-video .section-header { display: none; } .s-viewing-room section#video { /*padding-top: 100px;*/ padding-bottom: 30px; border-bottom: 0.25px solid #989595 !important; margin-bottom: 60px; } div#screen-downloadable-media .placeholder, div#screen-downloadable-media .titles { display: none; } .s-viewing-room .entry .links a { color: #ffffff; } div#screen-downloadable-media h4 { color: #ffffff; } div#screen-downloadable-media { background-color: #000000; padding-top: 60px; } div#screen-downloadable-media .section-header.divider { border-bottom-width: 0; } div#screen-downloadable-media .section-header { margin-bottom: 0; } div#screen-downloadable-media .grid .entry { width: fit-content; } .s-viewing-room .entries:after { overflow: hidden; } .s-viewing-room section#video .container { max-width: 100%; } /* ------------------------------------------------------- */ /* INQUIRE */ .inquireBox { max-width: 1080px; margin-left: auto; margin-right: auto; } .inquireBox h1 { font-size: 14px !important; color: #000; font-family: 'Trade Gothic Bold'; text-transform: uppercase !important; padding: 0; margin: 0; line-height: normal; } @media (max-width: 768px) { #top-banner figcaption h1 { font-size: 50px !important; } #top-banner figcaption h2 { font-size: 35px !important; } #top-banner figcaption p { font-size: 35px !important; } } @media (max-width: 480px) { #top-banner figcaption h1 { font-size: 30px !important; } #top-banner figcaption h2 { font-size: 20px !important; } #top-banner figcaption p { font-size: 20px !important; } } @media (max-height: 375px) { #top-banner .full-width-banner .slide figure { padding-top: 100vh; } #top-banner .full-width-banner .slide figcaption { top: 60%; } #top-banner figcaption h1 { font-size: 30px !important; } #top-banner figcaption h2 { font-size: 20px !important; } #top-banner figcaption p { font-size: 20px !important; } } /* -------------------------------------------------------------------------- */ /*HOMEPAGE IMAGES*/ .s-home.detail-page .main-header { overflow: hidden; } .s-home.detail-page .main-header nav a { color: #000; } .s-home.detail-page .main-header nav a:hover { color: #5a5a5a !important; } .s-home.detail-page section#wrapper-full .full-width-banner .slide figure { padding-top: 100vh; } .s-home.detail-page section#wrapper-full .slide figcaption { position: absolute; bottom: 60px; left: 0; right: 0; width: 100%; /*max-width: 1300px;*/ max-width: none; text-align: left; margin:0 auto; padding:0 40px; } .s-home.detail-page section#wrapper-full .bx-controls-direction{ display: none; max-height:unset; } .s-home.detail-page #wrapper-associations { margin-top: 100px; } .s-home.detail-page .slide figcaption p{ font-size: 12px; } @media only screen and (orientation: portrait) { .s-home.detail-page section#wrapper-full .full-width-banner .slide figure { padding-top: 90vw; } .s-home.detail-page section#wrapper-full .slide figcaption { bottom: 40px; } .s-home.detail-page #wrapper-associations { margin-top: 60px; } .s-home.detail-page .view-more{ display:none!important; } } /*style hompage text*/ .s-home.detail-page h1.image-title{ font-family: 'Trade Gothic Bold'; font-size: 16px !important; color:#000000; padding:0 0 0px 0 !important; margin: 0 0 0 0 !important; line-height:1.5; display:block; /*box-shadow: inset 0 0 0 1px #808080;*/ } .s-home.detail-page h2.image-subtitle { font-size: 14px !important; color:#000000; padding:0 0 0px 0 !important; margin: 0 0 0 0 !important; line-height:1.5; display:block; /*box-shadow: inset 0 0 0 1px #808080;*/ } .s-home.detail-page .image-description, .s-home.detail-page .slide figcaption p{ font-size: 12px !important; color:#000000; padding:0 0 0px 0 !important; margin: 0 0 0 0 !important; line-height:1.5; display:block; /*box-shadow: inset 0 0 0 1px #808080;*/ } /*.s-home.detail-page .b-arrowdown{*/ /* background-image: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/5cba1172a5aa2c2c113bee51/down-arrow-black.png');*/ /* position: absolute;*/ /* width: 100%;*/ /* height: 100%;*/ /* z-index: 50;*/ /* top: 0;*/ /* left:0;*/ /* background-repeat: no-repeat;*/ /* background-position: center 98%;*/ /* background-size: 30px 15px;*/ /*}*/ #homefader { pointer-events: none; } /* ------------------------------------------------------- */ /* EDITS 9/12/19 */ div#screen-video .container { max-width: 1300px; } div#screen-video iframe { /*display: block;*/ margin: 0; } /* ------------------------------------------------------- */ /* EDITS 9/10/19 */ .category.c-represented-artists h4 { display: none; } /* ------------------------------------------------------- */ p a[href*="https://visitor.r20.constantcontact.com/manage/optin?v=001RO3dPrXHwIHbyRZbl89Qgwo3LZlj60Lq3SBr_a5T2kGyofwyrDgIM0MuhxzdvotBS0kW7tR8XwTjif4N2LjlmaGfLVk8csFUhlo-lW97pWGmiOU0hmRhGhf5KZFcRp9FxGwnsRC3VaFtVuIwbyhRuuitpa-cMBfkc94AGn8I4xhxCL0BOwuQFYkGSrZW4lr3"]{ color: #000 !important; padding: 10px 15px 8px 15px !important; border: 1px #ccc solid !important; } .news .entry { padding-bottom: 0; } /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* CSS --------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ div#screen-staff1 p img { width: 100px; } /* ------------------------------------------------------- */ /* FONT STYLES */ /* ------------------------------------------------------- */ @font-face {font-family: 'Trade Gothic Bold'; src: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/5cba1172a5aa2c2c113bee51/TradeGothicLTStd-Bd2.otf');} @font-face {font-family: 'Trade Gothic Bold Italic'; src: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/5cba1172a5aa2c2c113bee51/TradeGothicLTStd-Bd2Obl.otf');} @font-face {font-family: 'Trade Gothic Italic'; src: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/5cba1172a5aa2c2c113bee51/TradeGothicLTStd-Obl.otf');} @font-face {font-family: 'Trade Gothic'; src: url(' https://s3.amazonaws.com/files.collageplatform.com.prod/application/5cba1172a5aa2c2c113bee51/TradeGothicLTStd.otf');} body{ font-family: 'Trade Gothic'; font-size:12px; font: 12px 'Trade Gothic', sans-serif; /*re-declare fix*/ line-height:normal; /*keep normal*/ } /*div#contentWrapper, .s-nl1.detail-page div#contentWrapper, .s-p1.detail-page div#contentWrapper, .s-cp1.detail-page div#contentWrapper {*/ /* padding-top: 125px !important;*/ /*}*/ b, strong{ font-family: 'Trade Gothic Bold'; font-weight:normal; } i, em{ font-family: 'Trade Gothic Italic'; font-style:normal; } strong > em, b > em, strong > i, b > i, em > strong, em > b, i > strong, i > b{ font-family: 'Trade Gothic Bold Italic'; font-style:normal; } /* ------------------------------------------------------- */ /* 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: 14px !important; color:#000000; font-family: 'Trade Gothic Bold'; text-transform: uppercase; /*padding-top:15px;*/ } /*HEADER OVERIDE IN TEXTBOX*/ /*.paragraph-styling p > strong > em > u,*/ /*.paragraph-styling p > strong > u > em,*/ /*.paragraph-styling p > em > strong > u,*/ /*.paragraph-styling p > em > u > strong,*/ /*.paragraph-styling p > u > em > strong,*/ /*.paragraph-styling p > u > strong > em{*/ /* margin-bottom:0 !important;*/ /* font-size: 14px !important;*/ /* color:#000000;*/ /* font-family: 'Trade Gothic Bold';*/ /* text-transform: uppercase;*/ /* display:inline-block !important;*/ /* font-weight:normal;*/ /* text-decoration:none !important;*/ /*}*/ p.custom-header-paragraph:first-of-type{ padding-top:0 !important; } /* --------------------------------------------------------- */ /*CUSTOM BULLETS SEE JS*/ /* --------------------------------------------------------- */ p.custom-bullet{ text-indent:-12px; padding-left:12px; margin-bottom:.5em; } p.custom-bullet:before { content: "• "; color: #000000; padding-right:2px; font-weight:bold; } p.custom-bullet-last, p.custom-bullet:last-child{ margin-bottom:2em; } /* --------------------------------------------------------- */ /*CUSTOM HORIZONTAL LINE SEE JS*/ /* --------------------------------------------------------- */ p.custom-horizontal-line{ border-bottom-style: solid; border-bottom-color: #cccccc; border-bottom-width: 1px; margin-bottom: 3em; line-height:1em !important; } /* --------------------------------------------------------- */ /* EMPTY FIXES */ /* --------------------------------------------------------- */ h2:empty, h3:empty, .date:empty, .subtitle:empty, .summary:empty { display: none !important;} /* --------------------------------------------------------- */ /*HOVER STATES*/ /* --------------------------------------------------------- */ /*a:hover h1, a:hover .title{ color:#808080 !important;}*/ .main-header nav.homepage a:hover, .main-header nav.homepage a.active, #slidecaption a:hover * { color: #5a5a5a !important; } a, .private-login input[type="submit"] { color: #5a5a5a; } .main-header nav a, .screen-nav a, .slider-features a, .section-header a, .private nav a { color: #5a5a5a; font-size: 12px; letter-spacing: 0; } /* --------------------------------------------------------- */ /*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: 30px 0; padding-bottom: 28px; margin-bottom: 40px; } .s-a1.detail-page header.section-header.page-header.background-header { margin-top: -40px; } .main-header nav, .main-header .logo span, .main-header nav a{ font-size:13.5px; font-family:'Trade Gothic Bold'; letter-spacing:0px; } .main-header nav { line-height: normal; padding-top: 13px; } .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 */ /* ------------------------------------------------------- */ .exhibitions #large h1, /*exhibitions-grid*/ .exhibitions #medium h1, /*exhibitions-grid*/ .past .title, /*exhibitions-grid*/ .artists .title, /*artists grid*/ .publications .title, /*publications-grid*/ .objects .title, /*objects-grid*/ .press .title, /*press-grid*/ .news .title, /*news-grid*/ .news h1, .news .list h1, /*news-list*/ .associations .title, /*associated-grid*/ .associations .news h1, /*associated-news-list*/ .item-header h1, /*detail-page*/ .homepage .caption h1 /*homepage*/ { font-size:16px; font-family: 'Trade Gothic Bold'; color:#000000; /*text-transform:uppercase;*/ padding:0 0 0 0 ; margin: 0 0 0 0; line-height:normal; } /* ------------------------------------------------------- */ /* H2 SUBTITLE */ /* ------------------------------------------------------- */ .exhibitions #large h2, /*exhibitions-grid*/ .exhibitions #medium h2, /*exhibitions-grid*/ .past .subtitle, /*exhibitions-grid*/ .artists .subtitle, /*artists grid*/ .publications .subtitle, /*publications-grid*/ .objects .subtitle, /*objects-grid*/ .press .subtitle, /*press-grid*/ .news .subtitle, /*news-grid*/ .news h2, /*news-list*/ .associations .subtitle, /*associated-grid*/ .associations .news h2, /*associated-news-list*/ .item-header h2, /*detail-page*/ .homepage .caption h2 /*homepage*/ { font-size:14px; /*font-family: 'Text-RegularItalic';*/ color:#000000; text-transform:normal; padding:5px 0 0 0 !important; margin: 0 0 0 0; line-height:normal; } /* ------------------------------------------------------- */ /* SUBTITLE-2 */ /* ------------------------------------------------------- */ .exhibitions #large h2.subtitle2, /*exhibitions-grid*/ .exhibitions #medium h2.subtitle2, /*exhibitions-grid*/ .past .subtitle2, /*exhibitions-grid*/ .artists .subtitle2, /*artists grid*/ .publications .subtitle2, /*publications-grid*/ .objects .subtitle2, /*objects-grid*/ .press .subtitle2, /*press-grid*/ .news .subtitle2, /*news-grid*/ .news h2.subtitle2, /*news-list*/ .associations .subtitle2, /*associated-grid*/ .associations .news h2.subtitle2, /*associated-news-list*/ .item-header h2.subtitle2, /*detail-page*/ .homepage .caption h2.subtitle2 /*homepage*/ { /*font-family: 'Text-Regular';*/ font-size:12px; color:#000000; text-transform:initial; padding:5px 0 0 0 !important; margin: 0 0 0 0; line-height:normal; } /* ------------------------------------------------------- */ /* H3 DATE */ /* ------------------------------------------------------- */ .exhibitions #large h3, /*exhibitions-grid*/ .exhibitions #medium h3, /*exhibitions-grid*/ .past .date, /*exhibitions-grid*/ .artists .date, /*artists grid*/ .publications .date, /*publications-grid*/ .objects .date, /*objects-grid*/ .press .date, /*press-grid*/ .news .date, /*news-grid*/ .news h3, /*news-list*/ .associations .date, /*associated-grid*/ .associations .news h3, /*associated-news-list*/ .item-header h3, /*detail-page*/ .homepage .caption h3 /*homepage*/ { font-size:12px; color:#000000; text-transform:initial; padding:5px 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: 14px; color: #000; font-family: 'Trade Gothic Bold'; text-transform: uppercase; padding: 0; margin: 0; line-height: normal; } /* ------------------------------------------------------- */ /* SUBNAV */ /* ------------------------------------------------------- */ .screen-nav a, .slider-features a, .section-header a, .private nav a { font-size:12px; 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 */ /* --------------------------------------------------------- */ .thumbnail-caption p { font-size: 11px !important; } .caption p, .inquireBox .left .caption p, .slide figcaption p, .image .caption p { font-size: 10px; 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:#000000; /*box-shadow: inset 0 0 0 1px #00FFA6;*/ } .summary p{ font-size:12px; } /* --------------------------------------------------------- */ /* FOOTER 4 COL */ /* --------------------------------------------------------- */ footer{ padding-top: 30px; padding-bottom: 30px; color: #000; background-color: #fff; font-family:'Trade Gothic Bold'; border-top: 0.25px solid #989595 !important; } footer div { vertical-align: bottom; } footer .container { max-width: 1300px; display: block; margin: 0 auto; } footer p{ line-height: 16px; font-size: 12px; /*text-transform:uppercase !important;*/ } footer a {color:#5a5a5a !important;} footer a:hover {color:#000000 !important;} footer div.footer-cols{ width:100%; padding-right:0; } .footer-col1, .footer-col2{ width: auto; padding-right:8%; } .footer-col3{ width:auto; padding-right:0 !important; } .footer-col4 { padding-right: 0; padding-top: 30px; width: 66%; } .footer-col4 p{ font-family: Arial,Helvetica,Sans-serif; font-size: 9px; color: #5a5a5a; } a.footer-siteindex { font-family: Arial,Helvetica,Sans-serif; font-size: 9px; letter-spacing: 0px !important; float: right; } footer .footer-social { float: right !important; padding-right: 0; text-align: right; display: table; height: 110px; } footer .footer-social a { vertical-align: bottom; display: table-cell; padding-left: 10px; } .col-custom { float: right; font-family: Arial,Helvetica,Sans-serif; font-size: 9px; text-transform: capitalize; letter-spacing: 0px; padding-top: 50px; padding-right: 0; color: #666; } a.footer-siteindex { color: #666; margin-left: 15px; } .contact .credit, .credit { font-family: Arial,Helvetica,Sans-serif; display: inline-block; text-align: right; padding-right: 0; font-size: 9px; margin-top: 0px; padding-left: 15px; text-transform: none; } footer div.footer-cols{ line-height: normal; /*keep normal*/ } footer img { max-width: 195px; vertical-align: middle; } @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-features a{ height: 13px; width: 19px; text-indent: 100%; white-space: nowrap; overflow: hidden; padding-right:0 !important; } .slider-features a{margin-right:15px;} .slider-features a:last-of-type{margin-right:0;} .slider-features a[href$="view=thumbnails"], .slider-features a[href$="view=thumbnails"]:before, .slider-features a[href$="view=thumbnails"]:after, .slider-features a[href$="view=slider"]{ display: inline-block; box-sizing:border-box; box-shadow: inset 0 0 0 1px #b4b4b4; } .slider-features a[href$="view=thumbnails"]{ 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{ content: ''; position: absolute; left: 0px; top: 4px; width: 19px; height: 5px; } .slider-features a[href$="view=thumbnails"]:after{ content: ''; position: absolute; left: 6px; top: 0px; width: 7px; height: 13px; } .slider-features a[href$="view=slider"]{ height: 13px; width: 19px; margin-bottom: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{ box-shadow: inset 0 0 0 1px #000000; } /* --------------------------------------------------------- */ /* Thumbnail 3-UP */ /* --------------------------------------------------------- */ .grid.fitted.thumbnails .entry{ width: 31.44%; padding-right: 2.66%; } .grid.fitted.thumbnails .entry:nth-child(3n){ padding-right: 0!important; } /*.grid.fitted.thumbnails .entry:nth-child(4n+4){*/ /*padding-right:2.66%*/ /*}*/ /*.grid.fitted.thumbnails .entry:nth-child(3n+3){*/ /*padding-right:0!important;*/ /*}*/ /* --------------------------------------------------------- */ /* 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;*/ } /*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:50px;} /* 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;background-color:white;} /*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/5cba1172a5aa2c2c113bee51/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/5cba1172a5aa2c2c113bee51/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; } } /* --------------------------------------------------------- */ /*HOMEPAGE STYLES*/ /* --------------------------------------------------------- */ #seeHomepageItems a { background: url(https://s3.amazonaws.com/files.collageplatform.com.prod/application/5cba1172a5aa2c2c113bee51/down-arrow-black.png) no-repeat center right; background-color: transparent; background-size: 30px 13px; padding: 20px !important; display: inline-block; font-size: 0; z-index: 9999 !important; line-height: 0 !important; } #seeHomepageItems { position: absolute; left: 0; bottom: 7px !important; width: 100%; text-align: center; line-height: 30px; background: transparent; font-size: 13px; z-index: 1; } .caption h1 { font-size: 16px; font-family: 'Trade Gothic Bold'; text-transform: initial; } .caption h2 { font-size: 14px; } .caption h1, .caption h2, .caption h3 { margin: 4px 0; padding: 0; } .caption h3, .caption .description { margin: -3px 0; padding: 0; color: #000 !important; } /* --------------------------------------------------------- */ /*EXHIBITION STYLES*/ /* --------------------------------------------------------- */ .grid .entry.medium{ width:31.44%; padding-right:2.66% !important; } .grid .entry.medium:nth-child(3n){ padding-right:0!important; } section header, .divider, .news .entry { border: none; border-color: #fff; } header.section-header.divider { margin-bottom: 10px; } div#large, #medium { margin-bottom: 50px; } /* --------------------------------------------------------- */ /*ART FAIRS STYLES*/ /* --------------------------------------------------------- */ .s-art-fairs header.section-header.divider.with-links.custom-grid { display: none; } /* --------------------------------------------------------- */ /*NEWS STYLES*/ /* --------------------------------------------------------- */ .s-nl1 .item-header h1, .s-p1 .item-header h1 { display: block; padding: 0; font-size: 20px; background-color: rgba(255,255,255,0.8); } .s-nl1 .item-header h2 , .s-p1 .item-header h2 { display: block; padding-top: 5px; font-size: 16px; background-color: rgba(255,255,255,0.8); } .s-nl1 .item-header h2.subtitle2 ,.s-p1 .item-header h2.subtitle2 { display: block; padding: 0; padding-top: 5px; font-size: 13px; background-color: rgba(255,255,255,0.8); } .s-nl1.item-header h3, .s-p1 .item-header h3 { display: block; padding: 0; padding-top: 5px; font-size: 13px; background-color: rgba(255,255,255,0.8); } .associations .list-container .entry .thumbnail, .news-index .entry .thumbnail { float: left; padding-right: 2% !important; max-width: 300px; } .news-index .news.container { max-width: 1080px; } .associations .list-container .entry .info, .news-index .entry .info { max-width: 740px; width: 70%; padding-right: 0; } /* --------------------------------------------------------- */ /*Gallery STYLES*/ /* --------------------------------------------------------- */ /*.s-cp1 div#contentWrapper, .detail-page div#contentWrapper {*/ /* padding-top: 95px !important;*/ /*}*/ div#screen-staff1{ padding-bottom:20px; } div#screen-staff1 strong { color: #000; font-size: 14px; font-family: 'Trade Gothic Bold'; } div#screen-information1 .text-three-columns .column { width: 24.55%; flex-basis: 24.55%; -webkit-flex-basis: 24.55%; } .s-cp1 section#wrapper-banner { padding: 0; } div#screen-information1 .text-three-columns .column:last-of-type { width: 40.55%; flex-basis: 40.55%; -webkit-flex-basis: 40.55%; } div#screen-about-the-gallery .container { /*width: 100%;*/ margin: auto; max-width: 780px; } section#wrapper-about-the-gallery { padding-top: 0; } .s-cp1 .full-width-banner figure{ padding-top: 55vh !important; } .s-cp1 iframe { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } section#wrapper-information { margin-top: 75px; margin-bottom: 75px; } .s-cp1 section#wrapper-information p.custom-header-paragraph{ margin-bottom:.1em !important; color: #000; font-size: 14px; text-transform:initial; font-family: 'Trade Gothic Bold'; /*padding-top:15px;*/ } .full-width-banner .slide { margin-bottom: 50px; } div#screen-about .container { max-width: 740px; } section.search.form.container { text-align: left; } .s-search input[type="text"] { border-color: rgba(255,255,255,0.4); background-color: rgba(255,255,255,0.6); } .s-cp1 .title { color: #000; font-size: 14px; font-family: 'Trade Gothic Bold'; } .s-cp1 .text-one-column-with-image:last-of-type { /*padding-bottom: 45px;*/ } button.js-cm-submit-button { padding: 10px; padding-bottom: 9px; padding-top: 11px; background-color: #fff; border: 1px solid #bbb; } form input[type="text"], form input[type="password"], form input[type="email"], form select, form textarea { display: inline-block; border: 1px solid #ccc; font-size: 13px; padding: 7px; padding-top: 12px; height: 37px; background: #fff; margin-bottom: 15px; margin-right: 6px; width: 308px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #screen-mailing-list .text-one-column.paragraph-styling, #screen-mailing-list .content { padding-bottom: 0; } section#wrapper-staff { padding-bottom: 75px; } .s-cp1 section.custom_page { padding-bottom: 0; } div#screen-mailing-list { padding-top: 40px !important; PADDING-BOTTOM: 110px !important; } .s-cp1 #screen-about-the-gallery{ padding-top:54px; /*padding-bottom:30px;*/ } /*.s-cp1 #screen-about-the-gallery .content {*/ /* padding-bottom: 56px;*/ /*}*/ .s-cp1 .text-one-column .content,.s-cp1 #screen-about-the-gallery header.section-header.divider { width: 100%; margin: auto; max-width: 780px; } div#screen-information1 .text-three-columns .column:first-of-type { width: 13.55%; flex-basis: 13.55%; padding-right: 4%; -webkit-flex-basis: 13.55%; } div#screen-information1 .content.paragraph-styling { padding-bottom: 120px; } .s-cp1 #wrapper-mailing-list .text-one-column .content { position: relative; left: 82px;/*82px;*/ } /*.s-cp1 #wrapper-mailing-list .text-one-column .content {*/ /* margin-left: 342px; */ /* max-width: 616px;*/ /*}*/ .s-cp1 #related-nl1 header{ display:none; } /* --------------------------------------------------------- */ /*MODULE SPACING STYLES*/ /* --------------------------------------------------------- */ .text-one-column .content { width: 100%; padding-bottom: 10px; max-width: 780px; } /*#featured-works header.section-header.divider {*/ /* margin-bottom: 0;*/ /* padding-bottom: 0;*/ /*}*/ #screen-about-the-gallery .text-one-column { padding-bottom: 45px; } /* --------------------------------------------------------- */ /*ARTIST STYLES*/ /* --------------------------------------------------------- */ .item-header-background { width: 100% !important; margin-bottom: 20px; height: 70vh; } section#video { margin-bottom: 100px; } section#news { padding-top: 30px; padding-bottom: 30px;} .detail-page .full-width-banner .slide { margin-bottom: 80px; } /*.associations div#e1-grid,.associations div#a1-grid {*/ /* margin-bottom: 60px;*/ /*}*/ .associations div#p1-grid { margin-bottom: 40px; } .associations div#pr1-grid { margin-bottom: 60px; } .s-a1 .associations div#pr1-grid { margin-bottom: 30px; } .s-a1 div#art-fairs-grid { padding-bottom: 30px; } header.section-header.divider.border-top h1 { font-size: 14px; color: #000; font-family: 'Trade Gothic Bold'; text-transform: uppercase; padding: 0; margin: 0; line-height: normal; } section#associations { margin-top: 10px; } div#screen-about-the-collection .container { width: 100%; margin: auto; max-width: 780px; } .item-header h1, #screen-biography .text-one-column.paragraph-styling h1, #screen-press-release .text-one-column.paragraph-styling h1 { display: block !important; padding: 0px 20px 0px 0px !important; font-size: 24px !important; font-family: 'Trade Gothic Bold' !important; color: #000000 !important; /*background-color: rgba(255,255,255,0.8);*/ } .text.paragraph-styling header h1 { display: block !important; width:100%; padding: 0px 20px 0px 0px !important; font-size: 25px !important; font-family: 'Trade Gothic Bold' !important; color: #000000 !important; } #screen-press-release .text-one-column.paragraph-styling h2, .item-header h2, .text.paragraph-styling header h2{ display: block !important; padding: 5px 0px 0px 0px !important; font-size: 18px !important; color: #000000 !important; /*background-color: rgba(255,255,255,0.8);*/ } .text.paragraph-styling header h2 { width:100%; } #screen-press-release .text-one-column.paragraph-styling h3, #screen-press-release .text-one-column.paragraph-styling h2.subtitle2, .item-header h2.subtitle2, .item-header h3, .text.paragraph-styling header h3{ display: block !important; padding: 5px 30px 0px 0px !important; font-size: 14px !important; color: #000000 !important; /*background-color: rgba(255,255,255,0.8);*/ } #screen-press-release .text-one-column.paragraph-styling h3 { padding-bottom:28px !important; } #screen-biography .text-one-column.paragraph-styling h1 { padding-bottom:15px !important; } .item-header h2 { display: block; padding: 0; font-size: 23px; background-color: rgba(255,255,255,0.8); } .item-header h2.subtitle2 { display: block; padding: 10px 0px 0px 0px !important; font-size: 14px; background-color: rgba(255,255,255,0.8); } .item-header h3 { display: block; padding: 10px 0px 20px 0px !important; font-size: 14px; background-color: rgba(255,255,255,0.8); } .item-header-background>div { margin: auto; text-align: center; } /* --------------------------------------------------------- */ /*NEWS STYLES*/ /* --------------------------------------------------------- */ .news-details.img .image { text-align: left; } .news-details.img .image { width: 46%; float: left; } .news-details .details { padding-left: 1%; width: 50%; float: left; display: inline-block; max-width: 625px; } #screen-text-image header.section-header.divider { display: none; } .s-nl1 div#screen-text-image { padding-top: 30px; padding-bottom: 50px; } /* --------------------------------------------------------- */ /*PUBLICATIONS STYLES*/ /* --------------------------------------------------------- */ .text-one-column-with-image.image-on-right .text { float: right; padding-left: 0; /*padding-right: 0;*/ } .s-p1.detail-page .text-one-column-with-image.image-on-right .image { float: left; text-align: left; /*padding-right: 5%;*/ } /* SHOP Edit 2022*/ .s-p1.detail-page .text-one-column-with-image.image-on-right .text { padding-right: 0; } .s-p1.detail-page .text-one-column-with-image.image-on-right .image { padding-right: 5%; } .dropdown-root .divider { border-color: #888888; border: 1px solid #888888; padding: 3px 0; } section.publications.home #contentWrapper { padding-top: 0 !important; } .footer-col1 img { padding-bottom: 4px; } /* --------------------------------------------------------- */ /*PRESS STYLES*/ /* --------------------------------------------------------- */ .custom-grid-pr1 .entry .placeholder { display: none; } /* --------------------------------------------------------- */ /*Search STYLES*/ /* --------------------------------------------------------- */ .s-search{ /*background: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/5cba1172a5aa2c2c113bee51/RB_color.jpg') no-repeat center left;*/ background: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/5cba1172a5aa2c2c113bee51/RP-2023.jpg') no-repeat center right; background-repeat: no-repeat; background-attachment: fixed; background-position: center right; background-size:cover; } .s-search .contentWrapper { background-image: linear-gradient(-180deg, #ffffff 0%, rgba(255, 255, 255, 0.1) 0%); } .s-search .search.results.container.detail-page { background: linear-gradient(to bottom, rgba(243, 243, 243, 0.35) 0%, hsla(40, 45%, 92%, 0.11) 48%, rgba(244, 238, 226, 0) 100%); padding-top: 50px; background-image: linear-gradient(-180deg, #ffffff 0%, rgba(255, 255, 255, 0.67) 100%); background-position: fixed; background-repeat: no-repeat; } /* --------------------------------------------------------- */ /*TABLET*/ /* --------------------------------------------------------- */ @media screen and (min-width:1340px) { .footer-col4 { width: 62%; } } @media (max-width: 1120px) { .s-home.detail-page section#wrapper-full .slide figcaption { padding:0 20px; } .s-home.detail-page footer .container { padding: 0 20px; } } @media (max-width:1000px) { .col-custom { float: left; } } @media (max-width:912px) { .footer-col2, .footer-col3 { padding-top: 30px; } .footer-col4 { width: 100%; } .col-custom { padding-top: 30px; } } @media (max-width: 845px) { .main-header .logo { float: left; } .mobile-menu-wrapper { position: relative; margin: 0; display: block; } .main-header nav.main, .main-header nav.languages { display: none; } .navlinks { margin-top: 10px; } nav.mobile .navlinks a { display: block; margin: 0; padding-bottom: 10px; line-height: 100%; } /*.contact .credit, .credit {*/ /* width: 100%;*/ /*}*/ /*a.footer-siteindex {*/ /* width: 100%;*/ /* float: left;*/ /*}*/ } @media (max-width:812px) { .news-details.img .image { width: 100%; float: none; text-align: center; margin-bottom: 15px; } .news-details .details { padding-left: 0; width: 100%; float: left; max-width: none; } .s-cp1 #screen-about-the-gallery { padding-top: 0; } /*footer div.footer-cols {*/ /* width: 100%;*/ /*}*/ /*footer .footer-social {*/ /* float: left !important;*/ /* margin-top: 20px;*/ /* text-align: left;*/ /*}*/ /*.contact .credit, .credit {*/ /* text-align: left;*/ /*}*/ } @media (max-width:768px) { .s-home.detail-page #contentWrapper { padding-top: 0 !important; } footer .footer-social { display: inherit; height: auto; } } @media (max-width:669px) { footer .footer-social { float: left !important; padding-bottom: 30px; } .footer-col1, .footer-col2, .footer-col3 { width: 100%; padding-right: 0; } footer .footer-social a { padding-left: 0; padding-right: 10px; } } /* --------------------------------------------------------- */ /*MOBILE*/ /* --------------------------------------------------------- */ @media (max-width:480px) { .mobile-menu-wrapper { margin: 0; /*display: flow-root;*/ } .main-header nav.mobile { float: right; text-align: right; } nav.mobile .navlinks { padding-top: 0; } .main-header nav { padding-top: 8px; } nav.screen-nav { display: inherit; } .grid.fitted.thumbnails .entry { width: 48%; } .grid.fitted.thumbnails .entry:nth-child(odd) { padding-right: 4% !important; } .grid.fitted.thumbnails .entry:nth-child(even) { padding-right: 0!important; } .grid .entry.medium { width: 48%; padding-right: 4% !important; } .grid .entry.medium:nth-child(2n) { padding-right: 0!important; } .grid .entry.medium:nth-child(3n) { padding-right: 4% !important; } .section-header a { padding-top: 10px; } .text-one-column-with-image:last-of-type { padding-bottom: 0px; } .news .entry { padding-bottom: 0; } .s-cp1 #screen-about-the-gallery { padding-top: 0; } div#screen-information1 .text-three-columns .column:first-of-type { width: 100%; padding-right: 0; flex-basis: 100%; -webkit-flex-basis: 100%; } div#screen-information1 .text-three-columns .column { width: 100%; flex-basis: 100%; -webkit-flex-basis: 100%; margin-bottom: 30px; } div#screen-information1 .text-three-columns .column:last-of-type { width: 100%; flex-basis: 100%; -webkit-flex-basis: 100%; } div#screen-information1 .content.paragraph-styling { padding-bottom: 0; } .footer-col1, .footer-col2, .footer-col3 { margin-bottom: 0; } a.footer-siteindex { float: inherit; } .contact .credit, .credit { width: auto !important; } footer .footer-social a { padding-bottom: 10px; margin-right: 0; display: inline-block; } } [data-section-key=a1] #biography .container .content { padding-bottom: 0; } [data-section-key=a1] #biography .container .text-one-column { padding-bottom: 10px; } [data-section-key=a1] #biography .bio-expander, [data-section-key=e1] #press-release .bio-expander { display: inline-block; cursor: pointer; } /* -------------------------------------------------------------------------- */ /* CONTENT-A (MODULAR & TIS) */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* SPACE BETWEEN */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image { padding-bottom: 80px; } [id*='screen-content-a'] .text-one-column-with-image.large-image .image + .text > .container > :first-child, [id*='screen-content-a'] .text-one-column-with-image.banner-image .image + .text > .container > :first-child{ margin-top: 80px; } /* -------------------------------------- */ /* MAX WIDTHS */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image) .container{ max-width:1300px; } [id*='screen-content-a'] .text-one-column-with-image.no-image .text .container, [id*='screen-content-a'] .text-one-column-with-image.large-image .image + .text .container, [id*='screen-content-a'] .text-one-column-with-image.banner-image .image + .text .container{ max-width:800px; } /* -------------------------------------- */ /* SPACING RESET */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image .text > .container > :last-child{ /*border:1px solid #ff0000;*/ margin-bottom:0; } [id*='screen-content-a'] .text-one-column-with-image.no-image .text{ float:none; width:100%; padding-left: 0; padding-right: 0; } [id*='screen-content-a'] .text-one-column-with-image.banner-image .text, [id*='screen-content-a'] .text-one-column-with-image.large-image .text, [id*='screen-content-a'] .text-one-column-with-image .text{ padding-bottom:0; } [id*='screen-content-a'] .text-one-column-with-image.banner-image .image + .text, [id*='screen-content-a'] .text-one-column-with-image.large-image .image + .text { margin-top:0; } [id*='screen-content-a'] .image .caption:empty{ margin-top:0; } /* -------------------------------------- */ /* TEXT TO IMAGE TOP OFFSET */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image) .image{ margin-top:.4em; } /* -------------------------------------- */ /* BANNER */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image.banner-image figure { min-height: 100vh; pointer-events:none } @media only screen and (orientation: portrait) { [id*='screen-content-a'] .text-one-column-with-image.banner-image figure { min-height: 80vw; } } [id*='screen-content-a'] .text-one-column-with-image.banner-image .text .container{ padding:0 20px; } /* -------------------------------------- */ /* LARGE IMAGE */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image.large-image .image img{ /*max-height:100vh;*/ } /* -------------------------------------- */ /* CENTER CAPTIONS AND IMAGES */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image .caption, [id*='screen-content-a'] .text-one-column-with-image.banner-image .image .caption, [id*='screen-content-a'] .text-one-column-with-image.large-image .image .caption{ text-align:center; max-width: 400px; margin-left: auto; margin-right: auto; } [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image img, [id*='screen-content-a'] .text-one-column-with-image.large-image .image img{ margin-left: auto; margin-right: auto; } /* -------------------------------------- */ /* STICKY */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text{ position:sticky; top:20px; } @media (max-width: 768px) { [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text{ position:relative; top:0; } } /* -------------------------------------- */ /* FLEX ALIGNMENT */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) > .container{ display:flex; align-items: flex-start; } [id*='screen-content-a'] .text-one-column-with-image.image-on-right:not(.large-image):not(.banner-image):not(.no-image) > .container{ flex-direction: row-reverse; } [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text{ align-self: center; float:none; } [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image{ float:none; } /* -------------------------------------- */ /* LEFT RIGHT RATIO */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text { /*width: 53%;*/ width: 50%; box-sizing:border-box; } [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image { /*width: 42%;*/ width: 50%; box-sizing:border-box; } [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image + .text { padding-left:4%; padding-right:0; box-sizing:border-box; } [id*='screen-content-a'] .text-one-column-with-image.image-on-right:not(.large-image):not(.banner-image):not(.no-image) .text { padding-right:4%; padding-left:0; box-sizing:border-box; } @media (max-width: 768px) { [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) > .container{ display:block; } [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image{ margin-bottom:80px; } [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image img{ margin-left:auto; margin-right:auto; } } /* -------------------------------------- */ /* STRETCH IMAGES */ /* -------------------------------------- */ /*[id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image) .image img{*/ /* width:100%;*/ /* height:100%;*/ /* max-height:620px;*/ /* max-width:620px;*/ /* object-fit:contain;*/ /*}*/ /* -------------------------------------- */ /* WITH SLIDESHOW (TIS) */ /* -------------------------------------- */ [id*='screen-content-a'][data-slideshow-view] .container{ max-width:100%; } [id*='screen-content-a'][data-slideshow-view] ~ div{ display:none; } [id*='screen-content-a'][data-slideshow-view]{ margin-bottom:0; } [id*='screen-content-a'][data-slideshow-view] .slideshow-headline h1{ visibility:hidden; } /* -------------------------------------- */ /* MAGIC SCROLL */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image) .image{ overflow:hidden; } [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image) .image img{ transform: translateX(var(--ty)); opacity: var(--o); } /* -------------------------------------------------------------------------- */ /* 2-UP FIXES */ /* -------------------------------------------------------------------------- */ .text-image-wrapper.two-up{ box-sizing:border-box; } .two-up-wrapper.container{ max-width:100%; } .text-image-wrapper.two-up:first-child { padding: 0 20px 0 0; } .text-image-wrapper.two-up:nth-child(2) { padding: 0 0 0 20px; } @media all and (max-width:620px) { .two-up-wrapper.container{ display:block; } .text-image-wrapper.two-up{ width:100%; } .text-image-wrapper.two-up:first-child { padding:0 0 0 0 } .text-image-wrapper.two-up:nth-child(2) { padding:0 0 0 0 } } /*hide 2-up slideshow headers*/ .two-up-wrapper .slideshow-headline{ display:none; } /* -------------------------------------------------------------------------- */ /* SWIPER FIXES */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* SWIPER FIX BOTTOM MARGIN */ /* -------------------------------------- */ section .swiper-container.slideshow{ margin-bottom:0; padding-bottom:80px; } .slideshow-overlay .swiper-container.slideshow { margin-bottom:0} .slideshow-overlay .swiper-container{ padding-bottom:0;} /* -------------------------------------- */ /* SWIPER FLASHING FIX ON SAFARI */ /* -------------------------------------- */ /*.slideshow-container .swiper-slide {*/ /* -webkit-backface-visibility: hidden;*/ /* -webkit-transform: translate3d(0, 0, 0);*/ /*}*/ /* -------------------------------------- */ /* ASPECT RATIO WRAPPER FIX */ /* -------------------------------------- */ /* make container 4:3(75%) minus arrow padding (45*2 = 90px) */ section .position-guard-container .swiper-container.slideshow .slide-content-container{ padding-top:calc(75% - 90px); } /* subtract 70px for nested slide container */ section .position-guard-container .swiper-container.slideshow .nested-slide .slide-content-container{ padding-top:calc(75% - 90px - 70px); } /* browser is 4:3 and wider */ @media (min-aspect-ratio: 4/3){ /* make container make height of viewport minus set amount (100px or any) */ section .position-guard-container .swiper-container.slideshow .slide-content-container{ padding-top:calc(100vh - 100px); } /* subtract 70px for nested slide container */ section .position-guard-container .swiper-container.slideshow .nested-slide .slide-content-container{ padding-top:calc(100vh - 100px - 70px); } } /* browser is 1:1 and taller */ @media (max-aspect-ratio: 1/1){ /* make container make height taller for mobile (80% or more) */ section .position-guard-container .swiper-container.slideshow .slide-content-container{ padding-top:80%; } /* subtract 70px for nested slide container */ section .position-guard-container .swiper-container.slideshow .nested-slide .slide-content-container{ padding-top:calc(80% - 70px); } } /* two-up swiper fixes */ .text-image-wrapper.two-up .position-guard-container .swiper-container.slideshow .slide-content-container{ padding-top:80%; } .text-image-wrapper.two-up .position-guard-container .swiper-container.slideshow .nested-slide .slide-content-container{ padding-top:calc(80% - 70px); } /* swiper nested-navigation */ section .nested-navigation{ padding-bottom:20px; } .swiper-slide .nested-navigation .nested-thumbnail.active{ border-color:#000000; } /* ====================================== */ /* ! USE BELOW FOR SQUARE THUMBNAILS ! */ /* ====================================== */ /* -------------------------------------- */ /* SWIPER FIX THUMBNAIL */ /* CONVERT TO FLEX TO PROPERLY ALIGN */ /* LAZY LOAD USE: */ /* .thumbnails-tab.squared .thumbnails-all */ /* NO LAZY LOAD USE: */ /* .thumbnails-tab.squared */ /* -------------------------------------- */ .thumbnails-tab.squared /*.thumbnails-tab.squared .thumbnails-all*/ { display:flex; flex-wrap:wrap; } .thumbnails-tab.squared.hidden{ display:none; } .squared[data-width] .thumbnail-container { width: calc((100% - 2.5%) / 2); } @media screen and (min-width: 767px) and (max-width: 1024px) { .squared[data-width] .thumbnail-container { width: calc((100% - 5%) / 3); } } @media screen and (min-width: 1025px) { .squared[data-width="3"] .thumbnail-container { width: calc((100% - 5%) / 3); } } .squared .thumbnail-container { margin-bottom:6%; margin-right:2.5%; } .squared .thumbnail-container .thumbnail-square img { max-width: 100%; max-height: 100%; } .squared .thumbnail-container .thumbnail-square{ margin-bottom:15px; } /* ====================================== */ /* ! USE BELOW FOR BASE ALIGN THUMBNAIL ! */ /* ====================================== */ /* -------------------------------------- */ /* SWIPER FIX THUMBNAIL */ /* CONVERT TO FLEX TO PROPERLY ALIGN */ /* LAZY LOAD USE: */ /* .thumbnails-tab.squared .thumbnails-all */ /* NO LAZY LOAD USE: */ /* .thumbnails-tab.squared */ /* -------------------------------------- */ /*.thumbnails-tab.squared .thumbnails-all{*/ /* display:flex;*/ /* flex-wrap:wrap;*/ /*}*/ /*.thumbnails-tab.squared.hidden{*/ /* display:none;*/ /*}*/ /*.squared[data-width] .thumbnail-container {*/ /* width: calc((100% - 2.5%) / 2);*/ /*}*/ /*@media screen and (min-width: 767px) and (max-width: 1024px) {*/ /* .squared[data-width] .thumbnail-container {*/ /* width: calc((100% - 5%) / 3);*/ /* }*/ /*}*/ /*@media screen and (min-width: 1025px) {*/ /* .squared[data-width="3"] .thumbnail-container {*/ /* width: calc((100% - 5%) / 3);*/ /* }*/ /*}*/ /*.squared .thumbnail-container {*/ /* margin-bottom:6%;*/ /* margin-right:2.5%*/ /*}*/ /*.squared .thumbnail-container .thumbnail-square img {*/ /* max-width: 100%;*/ /* max-height: 100%; */ /* object-position:bottom center;*/ /*}*/ /*.squared .thumbnail-container .thumbnail-square{*/ /* margin-bottom:15px;*/ /*}*/ /*.squared .thumbnail-container .thumbnail-square img{*/ /* position:unset;*/ /* top:unset;*/ /* left:unset;*/ /* transform:none;*/ /* max-height:50vw;*/ /*}*/ /*@media screen and (min-width: 767px) and (max-width: 1024px) {*/ /* .squared .thumbnail-container .thumbnail-square img{*/ /* max-height:30vw;*/ /* }*/ /*}*/ /*@media screen and (min-width: 1025px) {*/ /* .squared .thumbnail-container .thumbnail-square img{*/ /* max-height:30vw;*/ /* }*/ /*}*/ /*.squared .thumbnail-container .thumbnail-square{*/ /* height:auto!important;*/ /*}*/ /*.squared .thumbnail-container{*/ /* align-self:baseline;*/ /*}*/ /* ====================================== */ /* ! ONLY USE ONE OF ABOVE CSS STYLES ! */ /* ====================================== */ /* -------------------------------------- */ /* FADE IN LAZY LOADING THUMBNAILS */ /* -------------------------------------- */ .thumbnail-square img[src] { animation: ThumbNailfadeIn ease 1.5s; } @keyframes ThumbNailfadeIn { 0% {opacity:0;} 100% {opacity:1;} } /* -------------------------------------- */ /* SWIPER IMAGE STRETCH */ /* -------------------------------------- */ .squared .thumbnail-container .thumbnail-square img, .slideshow-overlay .swiper-container .swiper-slide img, .swiper-container.slideshow .swiper-slide img { height: 100%; width:100%; object-fit:contain; } /* -------------------------------------- */ /* SWIPER FIX OVERLAY ARROWS */ /* -------------------------------------- */ .slideshow-overlay .swiper-container .swiper-button-prev { left:15px } .slideshow-overlay .swiper-container .swiper-button-next { right:15px } /* -------------------------------------- */ /* SWIPER FIX ICONS */ /* -------------------------------------- */ .slideshow-headline .abs-thumbs a[data-tab-ref='slideshow'], .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails']{ height: 13px; width: 19px; text-indent: 100%; white-space: nowrap; overflow: hidden; padding-right:0; display: inline-block; box-sizing:border-box; box-shadow: inset 0 0 0 1px #b4b4b4; position:relative; } .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails']:before{ content: ''; position: absolute; left: 0px; top: 4px; width: 19px; height: 5px; display: inline-block; box-sizing:border-box; box-shadow: inset 0 0 0 1px #b4b4b4; } .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails']:after{ content: ''; position: absolute; left: 6px; top: 0px; width: 7px; height: 13px; display: inline-block; box-sizing:border-box; box-shadow: inset 0 0 0 1px #b4b4b4; } .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails']:hover, .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails']:hover:before, .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails']:hover:after, .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails'].active, .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails'].active:before, .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails'].active:after, .slideshow-headline .abs-thumbs a[data-tab-ref='slideshow']:hover, .slideshow-headline .abs-thumbs a[data-tab-ref='slideshow'].active{ box-shadow: inset 0 0 0 1px #000000; } .abs-thumbs { z-index:54; bottom: unset; top: 0px; } /* -------------------------------------- */ /* SWIPER HEADLINE */ /* -------------------------------------- */ .slideshow-headline{ /*border:none;*/ } /* -------------------------------------- */ /* SWIPER CAPTION */ /* -------------------------------------- */ .thumbnail-container .caption-snippet, .thumbnails-tab.thumbnail-counter .thumbnail-container .caption-snippet, .thumbnails-tab.thumbnail-header .thumbnail-container .caption-snippet, .thumbnails-tab.thumbnail-counter.thumbnail-header .thumbnail-container .caption-snippet{ height:auto; } .thumbnail-container .caption-snippet { height:auto; max-width: 400px; margin-left: auto; margin-right: auto; } .swiper-container .swiper-slide-caption { max-width: 400px; margin-left: auto; margin-right: auto; } .thumbnail-container a[data-inquire], .swiper-container .swiper-slide-caption a[data-inquire]{ border:1px solid #000000; padding: 5px 15px; margin-top:15px; display:inline-block; line-height:1.5; color: #000000; } .thumbnail-container a[data-inquire]:hover, .swiper-container .swiper-slide-caption a[data-inquire]:hover{; color: #ffffff; background-color: #000000; } /* vow swiper inquire uses p */ .thumbnail-container a[data-inquire] p, .swiper-container .swiper-slide-caption a[data-inquire] p{ font-size:inherit; line-height: normal; } /* -------------------------------------- */ /* TIS 1 IMAGE SLIDESHOW - REMOVE PADDING */ /* IF THERE ARE NO ARROW BUTTONS */ /* -------------------------------------- */ .swiper-button-prev:not([role="button"]) ~ .swiper-wrapper .slide-image-container, .swiper-button-prev:not([role="button"]) ~ .swiper-wrapper .slide-video-container{ padding: 0 0; } /* -------------------------------------- */ /* VIDEO CONTAINER IFRAME HIDE P */ /* -------------------------------------- */ .slide-video-container > iframe + p{ display:none; } /* ========================================================================== */ /* -------------------------------------------------------------------------- */ /* CK EDITOR */ /* -------------------------------------------------------------------------- */ /* ========================================================================== */ .ee-editor-large{ /*font-size:20px;*/ /*font-weight:700;*/ font-size: 20px; font-family: 'Trade Gothic Bold'; } .ee-editor-quote{ /*font-size:22px;*/ /*font-weight:400;*/ font-size: 23px; line-height:1.7; } .ee-editor-center{ text-align:center; } .ee-hr{ border:none; border-top:1px solid #cccccc; height:1px; margin-top:20px; margin-bottom:20px; } /* -------------------------------------- */ /* CK SCREEN INVERT*/ /* -------------------------------------- */ [id*='screen-content-a'] .ee-custom-screen-invert{ color:#ffffff; background-color:#000000; padding-top:80px; margin-bottom:80px; } [id*='screen-content-a'] .ee-custom-screen-invert + .ee-custom-screen-invert{ padding-top:0px; margin-top:-80px } [id*='screen-content-a'] .ee-custom-screen-invert a:hover{ color:#ffffff; } /* -------------------------------------- */ /* CK SIDE BANNERS */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image.ee-custom-screen-side-banner:not(.large-image):not(.banner-image):not(.no-image) .text { width: 23%; } [id*='screen-content-a'] .text-one-column-with-image.ee-custom-screen-side-banner:not(.large-image):not(.banner-image):not(.no-image) .image { width: 72%; } [id*='screen-content-a'] .text-one-column-with-image.ee-custom-screen-side-banner:not(.large-image):not(.banner-image):not(.no-image) .container{ max-width:1300px; } [id*='screen-content-a'] .text-one-column-with-image.ee-custom-screen-side-banner:not(.large-image):not(.banner-image):not(.no-image) .image .ee-side-banner-image-container{ padding-top:75%; position:relative; } [id*='screen-content-a'] .text-one-column-with-image.ee-custom-screen-side-banner:not(.large-image):not(.banner-image):not(.no-image) .image img{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; } /* -------------------------------------- */ /* CK SIDE LARGE */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image.ee-custom-screen-side-large:not(.large-image):not(.banner-image):not(.no-image) .text { width: 23%; } [id*='screen-content-a'] .text-one-column-with-image.ee-custom-screen-side-large:not(.large-image):not(.banner-image):not(.no-image) .image { width: 72%; } [id*='screen-content-a'] .text-one-column-with-image.ee-custom-screen-side-large:not(.large-image):not(.banner-image):not(.no-image) .container{ max-width:1300px; } [id*='screen-content-a'] .text-one-column-with-image.ee-custom-screen-side-large:not(.large-image):not(.banner-image):not(.no-image) .image .ee-side-large-image-container{ padding-top:75%; position:relative; } [id*='screen-content-a'] .text-one-column-with-image.ee-custom-screen-side-large:not(.large-image):not(.banner-image):not(.no-image) .image img{ position:absolute; top:0; left:0; width:100%; height:100%; object-fit:contain; } /* -------------------------------------- */ /* CK SCREEN-WIDE */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image.no-image.ee-custom-screen-wide .container{ max-width:1300px; } /* -------------------------------------- */ /* CK ALIGN-TOP */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image.ee-custom-screen-align-top:not(.large-image):not(.banner-image):not(.no-image) .text{ align-self: unset; } /* -------------------------------------- */ /* CK SCREEN-VIDEO-BANNER */ /* -------------------------------------- */ .ee-custom-screen-video-banner.banner-image .jarallax-video{ background-color:#000000; height:100vh; } .ee-custom-screen-video-banner.banner-image .image{ width:100%!important; margin-top:0!important; } @media only screen and (orientation: portrait) { .ee-custom-screen-video-banner.banner-image .jarallax-video{ height:80vw; } } .ee-custom-screen-video-banner.banner-image .jarallax-video{ animation-duration: .7s; /*animation-delay perceives faster load time*/ animation-delay: .4s; animation-fill-mode: backwards; animation-timing-function: cubic-bezier(0.5, 0, 0, 1); animation-name: fade-vid; } @keyframes fade-vid { from { opacity: 0; /*transform:translateY(40px);*/ } to { opacity: 1; /*transform:translateY(0);*/ } } /* -------------------------------------------------------------------------- */ /* SCROLL REVEAL */ /* -------------------------------------------------------------------------- */ /* pre-hide elements */ html.sr .container.grid.fitted.thumbnails .entry, html.sr .grid-container .entry, html.sr .list .entry .thumbnail, html.sr .list .entry .info, html.sr .squared .thumbnail-container, html.sr .footer-cols > div, html.sr .text-one-column-with-image .text, html.sr .text-one-column-with-image:not(.banner-image):not(.image-uncropped_banner) .image, html.sr .text-one-column, html.sr .text-two-columns .right, html.sr .text-two-columns .left, html.sr .text-three-columns .column, html.sr .news-details .details, html.sr .news-details .image, html.sr .artists.home .column { visibility: hidden; } /* -------------------------------------------------------------------------- */ /* TEST */ /* -------------------------------------------------------------------------- */ /** {box-shadow: inset 0 0 0 1px rgba(255,0,0,1) !important;}*/ /*img {outline-color:#ff0000 !important; outline-width:1px !important; outline-style:solid !important; outline-offset:-1px !important;}*/ .bx-wrapper .bx-controls-direction .bx-next, .bx-wrapper .bx-controls-direction .bx-prev { background: url('https\3A \2F \2F s3\2E amazonaws\2E com\2F files\2E collageplatform\2E com\2E prod\2F application\2F 5cba1172a5aa2c2c113bee51\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 5cba1172a5aa2c2c113bee51\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 5cba1172a5aa2c2c113bee51\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 5cba1172a5aa2c2c113bee51\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; } }