.container { max-width: 1300px; } .custom-grid .entry { width: 23.076923076923%; margin-right: 2.5641025641026%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 100%; 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; } .detail-page .custom-grid-archiv .entry { width: 17.692307692308%; margin-right: 2.8846153846154%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-archiv .entry:nth-child(5n+5) { margin-right: 0; } .detail-page .custom-grid-archiv .entry .placeholder { padding-top: 100%; background: inherit; } .detail-page .custom-grid-archiv .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-events .entry { width: 17.692307692308%; margin-right: 2.8846153846154%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-events .entry:nth-child(5n+5) { margin-right: 0; } .detail-page .custom-grid-events .entry .placeholder { padding-top: 100%; background: inherit; } .detail-page .custom-grid-events .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-press .entry { width: 17.692307692308%; margin-right: 2.8846153846154%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-press .entry:nth-child(5n+5) { margin-right: 0; } .custom-grid-press .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-press .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .detail-page .custom-grid-press .entry { width: 23.076923076923%; margin-right: 2.5641025641026%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-press .entry:nth-child(4n+4) { margin-right: 0; } .detail-page .custom-grid-press .entry .placeholder { padding-top: 100%; background: inherit; } .detail-page .custom-grid-press .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-publications .entry { width: 23.076923076923%; margin-right: 2.5641025641026%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-publications .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-publications .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-publications .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-scholarships .entry { width: 23.076923076923%; margin-right: 2.5641025641026%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-scholarships .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-scholarships .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-scholarships .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-gala-info .entry { width: 100%; margin-right: 0%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-gala-info .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-gala-info .entry .placeholder { padding-top: 38.461538461538%; background: inherit; } .custom-grid-gala-info .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-publications-other .entry { width: 23.076923076923%; margin-right: 2.5641025641026%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-publications-other .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-publications-other .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-publications-other .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .detail-page .custom-grid-publications-other .entry { width: 23.076923076923%; margin-right: 2.5641025641026%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-publications-other .entry:nth-child(4n+4) { margin-right: 0; } .detail-page .custom-grid-publications-other .entry .placeholder { padding-top: 100%; background: inherit; } .detail-page .custom-grid-publications-other .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-archives .entry { width: 17.692307692308%; margin-right: 2.8846153846154%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-archives .entry:nth-child(5n+5) { margin-right: 0; } .detail-page .custom-grid-archives .entry .placeholder { padding-top: 100%; background: inherit; } .detail-page .custom-grid-archives .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } @media all and (max-width: 768px) { .custom-grid .entry { width: 23.076923076923%; margin-right: 2.5641025641026%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4){ margin-right: 2.5641025641026%; } .custom-grid .entry:nth-child(4n+4){ margin-right: 2.5641025641026%; } .custom-grid .entry:nth-child(3n+3){ margin-right: 2.5641025641026%; } .custom-grid .entry:nth-child(2n+2){ margin-right: 2.5641025641026%; } .custom-grid .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 100%; 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) { .detail-page .custom-grid-archiv .entry { width: 17.692307692308%; margin-right: 2.8846153846154%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-archiv .entry:nth-child(5n+5){ margin-right: 2.8846153846154%; } .detail-page .custom-grid-archiv .entry:nth-child(5n+5){ margin-right: 2.8846153846154%; } .detail-page .custom-grid-archiv .entry:nth-child(4n+4){ margin-right: 2.8846153846154%; } .detail-page .custom-grid-archiv .entry:nth-child(2n+2){ margin-right: 2.8846153846154%; } .detail-page .custom-grid-archiv .entry:nth-child(5n+5) { margin-right: 0; } .detail-page .custom-grid-archiv .entry .placeholder { padding-top: 100%; background: inherit; } .detail-page .custom-grid-archiv .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-events .entry { width: 17.692307692308%; margin-right: 2.8846153846154%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-events .entry:nth-child(5n+5){ margin-right: 2.8846153846154%; } .detail-page .custom-grid-events .entry:nth-child(5n+5){ margin-right: 2.8846153846154%; } .detail-page .custom-grid-events .entry:nth-child(4n+4){ margin-right: 2.8846153846154%; } .detail-page .custom-grid-events .entry:nth-child(2n+2){ margin-right: 2.8846153846154%; } .detail-page .custom-grid-events .entry:nth-child(5n+5) { margin-right: 0; } .detail-page .custom-grid-events .entry .placeholder { padding-top: 100%; background: inherit; } .detail-page .custom-grid-events .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-press .entry { width: 17.692307692308%; margin-right: 2.8846153846154%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-press .entry:nth-child(5n+5){ margin-right: 2.8846153846154%; } .custom-grid-press .entry:nth-child(5n+5){ margin-right: 2.8846153846154%; } .custom-grid-press .entry:nth-child(4n+4){ margin-right: 2.8846153846154%; } .custom-grid-press .entry:nth-child(2n+2){ margin-right: 2.8846153846154%; } .custom-grid-press .entry:nth-child(5n+5) { margin-right: 0; } .custom-grid-press .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-press .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .detail-page .custom-grid-press .entry { width: 23.076923076923%; margin-right: 2.5641025641026%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-press .entry:nth-child(4n+4){ margin-right: 2.5641025641026%; } .detail-page .custom-grid-press .entry:nth-child(4n+4){ margin-right: 2.5641025641026%; } .detail-page .custom-grid-press .entry:nth-child(3n+3){ margin-right: 2.5641025641026%; } .detail-page .custom-grid-press .entry:nth-child(2n+2){ margin-right: 2.5641025641026%; } .detail-page .custom-grid-press .entry:nth-child(4n+4) { margin-right: 0; } .detail-page .custom-grid-press .entry .placeholder { padding-top: 100%; background: inherit; } .detail-page .custom-grid-press .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .custom-grid-publications .entry { width: 23.076923076923%; margin-right: 2.5641025641026%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-publications .entry:nth-child(4n+4){ margin-right: 2.5641025641026%; } .custom-grid-publications .entry:nth-child(4n+4){ margin-right: 2.5641025641026%; } .custom-grid-publications .entry:nth-child(3n+3){ margin-right: 2.5641025641026%; } .custom-grid-publications .entry:nth-child(2n+2){ margin-right: 2.5641025641026%; } .custom-grid-publications .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-publications .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-publications .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .custom-grid-scholarships .entry { width: 23.076923076923%; margin-right: 2.5641025641026%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-scholarships .entry:nth-child(4n+4){ margin-right: 2.5641025641026%; } .custom-grid-scholarships .entry:nth-child(4n+4){ margin-right: 2.5641025641026%; } .custom-grid-scholarships .entry:nth-child(3n+3){ margin-right: 2.5641025641026%; } .custom-grid-scholarships .entry:nth-child(2n+2){ margin-right: 2.5641025641026%; } .custom-grid-scholarships .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-scholarships .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-scholarships .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-gala-info .entry { width: 100%; margin-right: 0%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-gala-info .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-gala-info .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-gala-info .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-gala-info .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-gala-info .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-gala-info .entry .placeholder { padding-top: 38.461538461538%; background: inherit; } .custom-grid-gala-info .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .custom-grid-publications-other .entry { width: 23.076923076923%; margin-right: 2.5641025641026%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-publications-other .entry:nth-child(4n+4){ margin-right: 2.5641025641026%; } .custom-grid-publications-other .entry:nth-child(4n+4){ margin-right: 2.5641025641026%; } .custom-grid-publications-other .entry:nth-child(3n+3){ margin-right: 2.5641025641026%; } .custom-grid-publications-other .entry:nth-child(2n+2){ margin-right: 2.5641025641026%; } .custom-grid-publications-other .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-publications-other .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-publications-other .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .detail-page .custom-grid-publications-other .entry { width: 23.076923076923%; margin-right: 2.5641025641026%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-publications-other .entry:nth-child(4n+4){ margin-right: 2.5641025641026%; } .detail-page .custom-grid-publications-other .entry:nth-child(4n+4){ margin-right: 2.5641025641026%; } .detail-page .custom-grid-publications-other .entry:nth-child(3n+3){ margin-right: 2.5641025641026%; } .detail-page .custom-grid-publications-other .entry:nth-child(2n+2){ margin-right: 2.5641025641026%; } .detail-page .custom-grid-publications-other .entry:nth-child(4n+4) { margin-right: 0; } .detail-page .custom-grid-publications-other .entry .placeholder { padding-top: 100%; background: inherit; } .detail-page .custom-grid-publications-other .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-archives .entry { width: 17.692307692308%; margin-right: 2.8846153846154%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-archives .entry:nth-child(5n+5){ margin-right: 2.8846153846154%; } .detail-page .custom-grid-archives .entry:nth-child(5n+5){ margin-right: 2.8846153846154%; } .detail-page .custom-grid-archives .entry:nth-child(4n+4){ margin-right: 2.8846153846154%; } .detail-page .custom-grid-archives .entry:nth-child(2n+2){ margin-right: 2.8846153846154%; } .detail-page .custom-grid-archives .entry:nth-child(5n+5) { margin-right: 0; } .detail-page .custom-grid-archives .entry .placeholder { padding-top: 100%; background: inherit; } .detail-page .custom-grid-archives .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid .entry { width: 30.769230769231%; margin-right: 3.8461538461538%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4){ margin-right: 3.8461538461538%; } .custom-grid .entry:nth-child(4n+4){ margin-right: 3.8461538461538%; } .custom-grid .entry:nth-child(3n+3){ margin-right: 3.8461538461538%; } .custom-grid .entry:nth-child(2n+2){ margin-right: 3.8461538461538%; } .custom-grid .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 100%; 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) { .detail-page .custom-grid-archiv .entry { width: 22.115384615385%; margin-right: 3.8461538461538%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-archiv .entry:nth-child(5n+5){ margin-right: 3.8461538461538%; } .detail-page .custom-grid-archiv .entry:nth-child(5n+5){ margin-right: 3.8461538461538%; } .detail-page .custom-grid-archiv .entry:nth-child(4n+4){ margin-right: 3.8461538461538%; } .detail-page .custom-grid-archiv .entry:nth-child(2n+2){ margin-right: 3.8461538461538%; } .detail-page .custom-grid-archiv .entry:nth-child(4n+4) { margin-right: 0; } .detail-page .custom-grid-archiv .entry .placeholder { padding-top: 100%; background: inherit; } .detail-page .custom-grid-archiv .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-events .entry { width: 22.115384615385%; margin-right: 3.8461538461538%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-events .entry:nth-child(5n+5){ margin-right: 3.8461538461538%; } .detail-page .custom-grid-events .entry:nth-child(5n+5){ margin-right: 3.8461538461538%; } .detail-page .custom-grid-events .entry:nth-child(4n+4){ margin-right: 3.8461538461538%; } .detail-page .custom-grid-events .entry:nth-child(2n+2){ margin-right: 3.8461538461538%; } .detail-page .custom-grid-events .entry:nth-child(4n+4) { margin-right: 0; } .detail-page .custom-grid-events .entry .placeholder { padding-top: 100%; background: inherit; } .detail-page .custom-grid-events .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-press .entry { width: 22.115384615385%; margin-right: 3.8461538461538%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-press .entry:nth-child(5n+5){ margin-right: 3.8461538461538%; } .custom-grid-press .entry:nth-child(5n+5){ margin-right: 3.8461538461538%; } .custom-grid-press .entry:nth-child(4n+4){ margin-right: 3.8461538461538%; } .custom-grid-press .entry:nth-child(2n+2){ margin-right: 3.8461538461538%; } .custom-grid-press .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-press .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-press .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .detail-page .custom-grid-press .entry { width: 30.769230769231%; margin-right: 3.8461538461538%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-press .entry:nth-child(4n+4){ margin-right: 3.8461538461538%; } .detail-page .custom-grid-press .entry:nth-child(4n+4){ margin-right: 3.8461538461538%; } .detail-page .custom-grid-press .entry:nth-child(3n+3){ margin-right: 3.8461538461538%; } .detail-page .custom-grid-press .entry:nth-child(2n+2){ margin-right: 3.8461538461538%; } .detail-page .custom-grid-press .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-press .entry .placeholder { padding-top: 100%; background: inherit; } .detail-page .custom-grid-press .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid-publications .entry { width: 30.769230769231%; margin-right: 3.8461538461538%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-publications .entry:nth-child(4n+4){ margin-right: 3.8461538461538%; } .custom-grid-publications .entry:nth-child(4n+4){ margin-right: 3.8461538461538%; } .custom-grid-publications .entry:nth-child(3n+3){ margin-right: 3.8461538461538%; } .custom-grid-publications .entry:nth-child(2n+2){ margin-right: 3.8461538461538%; } .custom-grid-publications .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-publications .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-publications .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid-scholarships .entry { width: 30.769230769231%; margin-right: 3.8461538461538%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-scholarships .entry:nth-child(4n+4){ margin-right: 3.8461538461538%; } .custom-grid-scholarships .entry:nth-child(4n+4){ margin-right: 3.8461538461538%; } .custom-grid-scholarships .entry:nth-child(3n+3){ margin-right: 3.8461538461538%; } .custom-grid-scholarships .entry:nth-child(2n+2){ margin-right: 3.8461538461538%; } .custom-grid-scholarships .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-scholarships .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-scholarships .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-gala-info .entry { width: 100%; margin-right: 0%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-gala-info .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-gala-info .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-gala-info .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-gala-info .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-gala-info .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-gala-info .entry .placeholder { padding-top: 38.461538461538%; background: inherit; } .custom-grid-gala-info .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid-publications-other .entry { width: 30.769230769231%; margin-right: 3.8461538461538%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-publications-other .entry:nth-child(4n+4){ margin-right: 3.8461538461538%; } .custom-grid-publications-other .entry:nth-child(4n+4){ margin-right: 3.8461538461538%; } .custom-grid-publications-other .entry:nth-child(3n+3){ margin-right: 3.8461538461538%; } .custom-grid-publications-other .entry:nth-child(2n+2){ margin-right: 3.8461538461538%; } .custom-grid-publications-other .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-publications-other .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-publications-other .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .detail-page .custom-grid-publications-other .entry { width: 30.769230769231%; margin-right: 3.8461538461538%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-publications-other .entry:nth-child(4n+4){ margin-right: 3.8461538461538%; } .detail-page .custom-grid-publications-other .entry:nth-child(4n+4){ margin-right: 3.8461538461538%; } .detail-page .custom-grid-publications-other .entry:nth-child(3n+3){ margin-right: 3.8461538461538%; } .detail-page .custom-grid-publications-other .entry:nth-child(2n+2){ margin-right: 3.8461538461538%; } .detail-page .custom-grid-publications-other .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-publications-other .entry .placeholder { padding-top: 100%; background: inherit; } .detail-page .custom-grid-publications-other .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-archives .entry { width: 22.115384615385%; margin-right: 3.8461538461538%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-archives .entry:nth-child(5n+5){ margin-right: 3.8461538461538%; } .detail-page .custom-grid-archives .entry:nth-child(5n+5){ margin-right: 3.8461538461538%; } .detail-page .custom-grid-archives .entry:nth-child(4n+4){ margin-right: 3.8461538461538%; } .detail-page .custom-grid-archives .entry:nth-child(2n+2){ margin-right: 3.8461538461538%; } .detail-page .custom-grid-archives .entry:nth-child(4n+4) { margin-right: 0; } .detail-page .custom-grid-archives .entry .placeholder { padding-top: 100%; background: inherit; } .detail-page .custom-grid-archives .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid .entry { width: 46.153846153846%; margin-right: 7.6923076923077%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4){ margin-right: 7.6923076923077%; } .custom-grid .entry:nth-child(4n+4){ margin-right: 7.6923076923077%; } .custom-grid .entry:nth-child(3n+3){ margin-right: 7.6923076923077%; } .custom-grid .entry:nth-child(2n+2){ margin-right: 7.6923076923077%; } .custom-grid .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 100%; 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) { .detail-page .custom-grid-archiv .entry { width: 44.230769230769%; margin-right: 11.538461538462%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-archiv .entry:nth-child(5n+5){ margin-right: 11.538461538462%; } .detail-page .custom-grid-archiv .entry:nth-child(5n+5){ margin-right: 11.538461538462%; } .detail-page .custom-grid-archiv .entry:nth-child(4n+4){ margin-right: 11.538461538462%; } .detail-page .custom-grid-archiv .entry:nth-child(2n+2){ margin-right: 11.538461538462%; } .detail-page .custom-grid-archiv .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-archiv .entry .placeholder { padding-top: 100%; background: inherit; } .detail-page .custom-grid-archiv .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-events .entry { width: 44.230769230769%; margin-right: 11.538461538462%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-events .entry:nth-child(5n+5){ margin-right: 11.538461538462%; } .detail-page .custom-grid-events .entry:nth-child(5n+5){ margin-right: 11.538461538462%; } .detail-page .custom-grid-events .entry:nth-child(4n+4){ margin-right: 11.538461538462%; } .detail-page .custom-grid-events .entry:nth-child(2n+2){ margin-right: 11.538461538462%; } .detail-page .custom-grid-events .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-events .entry .placeholder { padding-top: 100%; background: inherit; } .detail-page .custom-grid-events .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-press .entry { width: 44.230769230769%; margin-right: 11.538461538462%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-press .entry:nth-child(5n+5){ margin-right: 11.538461538462%; } .custom-grid-press .entry:nth-child(5n+5){ margin-right: 11.538461538462%; } .custom-grid-press .entry:nth-child(4n+4){ margin-right: 11.538461538462%; } .custom-grid-press .entry:nth-child(2n+2){ margin-right: 11.538461538462%; } .custom-grid-press .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-press .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-press .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .detail-page .custom-grid-press .entry { width: 46.153846153846%; margin-right: 7.6923076923077%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-press .entry:nth-child(4n+4){ margin-right: 7.6923076923077%; } .detail-page .custom-grid-press .entry:nth-child(4n+4){ margin-right: 7.6923076923077%; } .detail-page .custom-grid-press .entry:nth-child(3n+3){ margin-right: 7.6923076923077%; } .detail-page .custom-grid-press .entry:nth-child(2n+2){ margin-right: 7.6923076923077%; } .detail-page .custom-grid-press .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-press .entry .placeholder { padding-top: 100%; background: inherit; } .detail-page .custom-grid-press .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid-publications .entry { width: 46.153846153846%; margin-right: 7.6923076923077%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-publications .entry:nth-child(4n+4){ margin-right: 7.6923076923077%; } .custom-grid-publications .entry:nth-child(4n+4){ margin-right: 7.6923076923077%; } .custom-grid-publications .entry:nth-child(3n+3){ margin-right: 7.6923076923077%; } .custom-grid-publications .entry:nth-child(2n+2){ margin-right: 7.6923076923077%; } .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-publications .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-publications .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid-scholarships .entry { width: 46.153846153846%; margin-right: 7.6923076923077%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-scholarships .entry:nth-child(4n+4){ margin-right: 7.6923076923077%; } .custom-grid-scholarships .entry:nth-child(4n+4){ margin-right: 7.6923076923077%; } .custom-grid-scholarships .entry:nth-child(3n+3){ margin-right: 7.6923076923077%; } .custom-grid-scholarships .entry:nth-child(2n+2){ margin-right: 7.6923076923077%; } .custom-grid-scholarships .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-scholarships .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-scholarships .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-gala-info .entry { width: 100%; margin-right: 0%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-gala-info .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-gala-info .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-gala-info .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-gala-info .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-gala-info .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-gala-info .entry .placeholder { padding-top: 38.461538461538%; background: inherit; } .custom-grid-gala-info .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid-publications-other .entry { width: 46.153846153846%; margin-right: 7.6923076923077%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-publications-other .entry:nth-child(4n+4){ margin-right: 7.6923076923077%; } .custom-grid-publications-other .entry:nth-child(4n+4){ margin-right: 7.6923076923077%; } .custom-grid-publications-other .entry:nth-child(3n+3){ margin-right: 7.6923076923077%; } .custom-grid-publications-other .entry:nth-child(2n+2){ margin-right: 7.6923076923077%; } .custom-grid-publications-other .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-publications-other .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-publications-other .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .detail-page .custom-grid-publications-other .entry { width: 46.153846153846%; margin-right: 7.6923076923077%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-publications-other .entry:nth-child(4n+4){ margin-right: 7.6923076923077%; } .detail-page .custom-grid-publications-other .entry:nth-child(4n+4){ margin-right: 7.6923076923077%; } .detail-page .custom-grid-publications-other .entry:nth-child(3n+3){ margin-right: 7.6923076923077%; } .detail-page .custom-grid-publications-other .entry:nth-child(2n+2){ margin-right: 7.6923076923077%; } .detail-page .custom-grid-publications-other .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-publications-other .entry .placeholder { padding-top: 100%; background: inherit; } .detail-page .custom-grid-publications-other .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-archives .entry { width: 44.230769230769%; margin-right: 11.538461538462%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-archives .entry:nth-child(5n+5){ margin-right: 11.538461538462%; } .detail-page .custom-grid-archives .entry:nth-child(5n+5){ margin-right: 11.538461538462%; } .detail-page .custom-grid-archives .entry:nth-child(4n+4){ margin-right: 11.538461538462%; } .detail-page .custom-grid-archives .entry:nth-child(2n+2){ margin-right: 11.538461538462%; } .detail-page .custom-grid-archives .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-archives .entry .placeholder { padding-top: 100%; background: inherit; } .detail-page .custom-grid-archives .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } .homepage .caption h1 { color: #000000; font-size: 12px; letter-spacing: 0px; } .screen-nav a, .slider-features a, .section-header a, .private nav a, .main-header nav a { color: #aaaaaa; font-size: 12px; letter-spacing: 0px; } #overlay .close { color: #aaaaaa; font-size: 12px; } a, .private-login input[type="submit"] { color: #aaaaaa; } 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 { color: #000000 !important; } .main-header nav.homepage a:hover, .main-header nav.homepage a.active, #slidecaption a:hover * { color: #aaaaaa !important; } body { color: #000000; line-height: normal; background: #ffffff; font-size: 12px; } .main-header nav.homepage a, #slidecaption a *, .news .list h1, .entry .placeholder, .entry .thumb, .list.text-only.entries.fixed-font a .summary { color: #000000; } h1, h1.sectionname, .entries .titles, .entries .title, .grid .titles, .grid .title, h2, .entries .subtitle, .grid .subtitle, .grid .titles .subtitle, .homepage .caption h2, h4, .sectionname, h3, .entries .date, .grid .date, .grid .titles .date, .homepage .caption h3 { font-size: 12px; color: #000000; line-height: normal; letter-spacing: 0px; } #overlay, footer { background: #ffffff; } .list.text-only.entries.fixed-font .date { font-size: 12px; } .medium h1, .small h1, .medium h2, .small h2, .medium h3, .small h3, .entries.fixed-font .title, .entries.fixed-font .titles, .entries.fixed-font .subtitle, .entries.fixed-font .date, .entries.fixed-font .titles .subtitle, .entries.fixed-font .titles .date, .fixed-font .entries .date, .grid.fixed-font .title, .grid.fixed-font .titles, .grid.fixed-font .subtitle, .grid.fixed-font .date, .grid.fixed-font .titles .subtitle, .grid.fixed-font .titles .date, .fixed-font .grid .date, .links a, .fixed-font .entry h1, .fixed-font .entry h2, .fixed-font .entry h3 { font-size: 12px; line-height: normal; } section header, .divider, .news .entry { border-color: #cccccc; } p, .large-images h2, .news .entry h2, .large-images h3, .news .entry h3 { line-height: normal; } .paragraph-styling p { margin-bottom: 2em; } .grouped-associations-header a.active{ color:#000000; } .s-mailing-list input{ display: block; border: 1px solid #ccc; font-size: 13px; padding: 10px; height: 37px; background: #fff; margin-bottom: 15px; width: 250px; box-sizing: border-box; } /* -------------------------------------------------------------------------- */ /*SLIDESHOW STRETCH*/ /* -------------------------------------------------------------------------- */ .slide figure img{ width:100%; height:100%; object-fit:contain; } /* -------------------------------------------------------------------------- */ /*MAIN MENU DROP DOWN MIN WIDTHS*/ /* -------------------------------------------------------------------------- */ /*.main a[href="/support/annual-fund"],*/ /*.main a[href="/programs/educational-public"],*/ /*.main a[href="/foundation/scholarships-prizes"],*/ /*.main a[href="/education/google-arts-culture"]*/ .main .menu-group-items a { white-space: nowrap; } /*.main a[href="/support/arts-social-justice-fund"]{*/ /* min-width:112px;*/ /*}*/ /* -------------------------------------------------------------------------- */ /*RED LINE LINKS*/ /* -------------------------------------------------------------------------- */ /*.s-fellowships .paragraph-styling p a,*/ /*.s-visit.detail-page .paragraph-styling p a,*/ /*section:not(#wrapper-sub-menu) .paragraph-styling p a*/ /*{*/ /* border-bottom:1px solid #ff0000;*/ /* color:#000000 !important;*/ /*}*/ .paragraph-styling p a > u, .paragraph-styling p u > a{ color:#000000; text-decoration-color:#ff0000; text-decoration:underline; text-decoration-color:#ff0000; } .paragraph-styling p a > u:hover, .paragraph-styling p u > a:hover{ text-decoration-color:#000000; } .paragraph-styling p a > strong, .paragraph-styling p strong > a{ font-family: 'ITCFranklinGothicW01-Md_812698'; font-size: 16px; text-transform:uppercase; } /* -------------------------------------------------------------------------- */ /*MENU GORDON PARKS ARCHIVE INDENT FAKE MENU SUB HEADER WORKAROUND SEE JS*/ /* -------------------------------------------------------------------------- */ .ee-sub-menu-header{ color:rgba(255,255,255,.7); text-transform:uppercase; } .ee-sub-menu{ padding-left:20px; } a.ee-main-menu-sub-menu-header{ cursor:text; } .main-header nav a.ee-main-menu-sub-menu-header:hover{ color:#aaaaaa!important; } .ee-sub-sub{ padding-left:20px; } .main-header nav.main .menu-group:nth-last-of-type(2) .ee-sub-sub, .main-header nav.main .menu-group:last-of-type .ee-sub-sub { padding-left:0; padding-right:20px; } /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* CSS --------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* SECTION GRADIENTS WORKAROUND */ /* -------------------------------------------------------------------------- */ /* ADD top padding and gradient */ #ee-honorees, .s-archiv .artists.home > div, .s-archives .artists.home > div, body:not(.custom-split) .contentWrapper > section, section#associations div[id*='related-'], section#wrapper-associations div[id*='related-'], body:not(.custom-split) section.custom_page > section, section.exhibitions.home > div, section.publications.home > div, .publication-details > section, .news-index .list .entry, /*1 offs*/ .s-awards #related-honorees, .s-awards #multiple-slider-container { padding-top:60px; background-image: linear-gradient(-180deg, #F2F2F2 0%, rgba(255,255,255,0.00) 300px); } /* REMOVE top padding and gradient */ .publication-details > section[id*='content-a'], .s-archiv .artists.home > div:first-of-type, .s-archives .artists.home > div:first-of-type, section.artists.home, section.exhibitions.home, section.exhibitions.home > div:first-of-type, section.publications.home, section.publications.home > div:first-of-type, .publication-details > section:first-of-type, .contentWrapper > section.news.home:first-child, section.news-index, .news-index .list .entry:first-of-type, section.press.home, section.custom_page, body:not(.custom-split) section.custom_page > section:first-of-type, /*2024 associations*/ /*section#associations,*/ section#wrapper-associations, section#banner, /*no top banner*/ .s-educational-public-programming.detail-page .container.page-header-container+section, .s-exhibitions.detail-page .container.page-header-container+section, .s-exhibitions-gpfg.detail-page .container.page-header-container+section, .s-gallery-fair-presentations.detail-page .container.page-header-container+section, .s-archiv.detail-page .container.page-header-container+section, .s-archives.detail-page .container.page-header-container+section, /*1 offs*/ .s-gala-new #wrapper-info, .s-gala-new #related-honorees, .s-additional-resources #wrapper-banner-info, .s-google-arts #wrapper-banner-info, .s-on-this-day #wrapper-banner-info, .s-art-x-activism #wrapper-banner-info, .s-book-prize #wrapper-banner-info, .s-scholarshipslist #wrapper-banner-info, .s-fellowships #wrapper-banner-info, .s-fellowships-in-writing #wrapper-banner-info, .s-fellowships-in-music #wrapper-banner-info, .s-legacy-acquisition-fund #wrapper-banner-info, .s-publications #wrapper-banner-info, .s-publications-other #wrapper-banner-info, section#wrapper-announcement-box, section[id*='banner-gpx'], #wrapper-instagram, .s-scholarships section.home, /*.s-gallery-fair-presentations .home > div:first-of-type,*/ .s-educational-public-programming .home > div:first-of-type, .s-mission #wrapper-full-width-banner, .s-staff-board #wrapper-full-width-banner { padding-top:0!important; background-image: none!important; } .section-header{ padding-bottom:0; border:none; } /* ------------------------------------------------------------------------- */ /*HOMEPAGE*/ /* ------------------------------------------------------------------------- */ ul#slide-list li a { background: rgba(238,46,36,.4); } ul#slide-list li a:hover, ul#slide-list li.current-slide a { background: #ee2e24 } ul#slide-list{ margin-bottom:40px; font-size:0; } .container.outside, #slidecaption.container.caption{ max-width:100%; } .main-header nav.homepage a:hover, #slidecaption a:hover *{ color:rgba(0,0,0,.60) !important; } /* -------------------------------------------------------------------------- */ /*ANNOUNCMENT HOMEPAGE BOX */ /* -------------------------------------------------------------------------- */ section#wrapper-announcement-box { position: fixed; bottom: 50px; right: 50px; max-width: 350px; color:#ffffff!important; background-color:rgba(30,30,30,.96); z-index: 1337; padding:25px!important; } section#wrapper-announcement-box .container{padding: 0; } section#wrapper-announcement-box .container .container{padding: 0;} section#wrapper-announcement-box header, section#wrapper-announcement-box .text-one-column{ padding-bottom:0; margin-bottom: 8px; } section#wrapper-announcement-box a.close{ position: absolute; right: 5px; top: 1px; font-size:18px; cursor: pointer; color:#757575!important; } #wrapper-announcement-box a:hover h1 {color:#ffffff !important;} section#wrapper-announcement-box a{color:#b4b4b4 !important;} section#wrapper-announcement-box a:hover{color:#ffffff !important;} section#wrapper-announcement-box p{ margin-bottom: 1.3em; font-size:14px; line-height:1.8; color:#ffffff!important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } section#wrapper-announcement-box p:last-of-type{margin-bottom: 0;} /*section#wrapper-announcement-box p strong{*/ /* margin-bottom: 1.3em; */ /* font-size:28px;*/ /* line-height:1.1;*/ /* font-family: 'Finca-Regular'!important;*/ /* font-weight:normal!important;*/ /*}*/ section#wrapper-announcement-box .text, section#wrapper-announcement-box .image{ width:100%; padding-left:0!important; padding-bottom:0!important; display:block; } section#wrapper-announcement-box .image{margin-bottom:20px;} section#wrapper-announcement-box .text{margin-bottom:0px;} section#wrapper-announcement-box .text-one-column-with-image{ padding-bottom:0; } section#wrapper-announcement-box .caption{display:none;} section#wrapper-announcement-box header h1{ color:#FFFFFF; font-size:19px;} @media all and (max-width:550px){ section#wrapper-announcement-box { right: 20px; max-width: 260px; } section#wrapper-announcement-box p{font-size:12px;} section#wrapper-announcement-box p strong{font-size:24px;} } /*------------------------------*/ /*animation*/ section#wrapper-announcement-box{ /*animation-name: announcement-box;*/ animation-duration: 1.5s; animation-delay: 1.2s; animation-fill-mode: backwards; } /*------------------------------*/ /*------------------------------*/ /*------------------------------*/ /* MUST USE ANIMATION-NAME IN MEDIA QUIERY */ /* DO NOT ADD KEYFRAMS WITHIN MEDIA QUIERY */ @media screen and (min-width:601px) { section#wrapper-announcement-box{ animation-name: announcement-box-a; } } @media screen and (max-width:600px) { section#wrapper-announcement-box{ animation-name: announcement-box-b; } } @keyframes announcement-box-a { from { right: -350px; opacity: 0; } to { right: 50px; opacity: 1; } } @keyframes announcement-box-b { from { right: -260px; opacity: 0; } to { right: 20px; opacity: 1; } } /* --------------------------------------------------------- */ /* MODULAR-A - 2019 */ /* --------------------------------------------------------- */ /*new ratio*/ section[id*='modular-a'] .text-one-column-with-image .text {width: 55%;} section[id*='modular-a'] .text-one-column-with-image .image {width: 40%;} /* adjust space between each row */ section[id*='modular-a'] .text-one-column-with-image{padding-bottom:20px;} /* adjust space for last row */ section[id*='modular-a'] .text-one-column-with-image:last-of-type{padding-bottom:100px;} /* adjust both .text and .image bottom optically equal */ section[id*='modular-a'] .text-one-column-with-image .text{padding-bottom:20px!important;} section[id*='modular-a'] .text-one-column-with-image .image{padding-bottom:40px!important;} /*adjust EITHER img OR p to both top align */ /*.text-one-column-with-image .image{margin-top:.3em;}*/ section[id*='modular-a'] .text-one-column-with-image .text{margin-top:-.3em;} /* adjust no-image width */ section[id*='modular-a'] .text-one-column-with-image.no-image .text{ width:100%; max-width:750px;} /* center no-image width */ section[id*='modular-a'] .text-one-column-with-image.no-image .text{margin-left: 0; margin-right:auto;float:none;} section[id*='modular-a'] .text-one-column-with-image.large-image .image, section[id*='modular-a'] .text-one-column-with-image.banner-image .image { width: 100%; } section[id*='modular-a'] .text-one-column-with-image.banner-image figure { min-height: 100vh; pointer-events:none; } section[id*='modular-a'] .text-one-column-with-image.banner-image .text, section[id*='modular-a'] .text-one-column-with-image.large-image .text { margin-left: auto; margin-right:auto;float:none;width:100%; max-width:800px; } section[id*='modular-a'] .text-one-column-with-image.large-image .image + .text {margin-top: 0} /* --------------------------------------------------------- */ /* MODULAR-B - 2019 */ /* --------------------------------------------------------- */ section[id*='modular-b'] .left img,section[id*='modular-b'] .right img{width:99%;} section[id*='modular-b'] .text-two-columns .left, section[id*='modular-b'] .text-two-columns .right {width: 46.66%;} section[id*='modular-b'] .text-two-columns .left {padding-right: 2.33%} section[id*='modular-b'] .text-two-columns .right {padding-left: 2.33%} section[id*='modular-b'] .text-or-image-two-columns.large-image .left, section[id*='modular-b'] .text-or-image-two-columns.banner-image .left { width: 100%; padding-right: 0; } section[id*='modular-b'] .text-or-image-two-columns.large-image .right, section[id*='modular-b'] .text-or-image-two-columns.banner-image .right { width: 100%; padding-left: 0; } section[id*='modular-b'] .text-or-image-two-columns.large-image .right > .container, section[id*='modular-b'] .text-or-image-two-columns.large-image .left > .container, section[id*='modular-b'] .text-or-image-two-columns.banner-image .right > .container, section[id*='modular-b'] .text-or-image-two-columns.banner-image .left > .container{ max-width:750px; margin-left:auto; margin-right:auto; margin-bottom:80px; } @media all and (max-width:620px) { section[id*='modular-b'] .text-two-columns .left, section[id*='modular-b'] .text-two-columns .right {width: 100%;} section[id*='modular-b'] .text-two-columns .left {padding-right: 0} section[id*='modular-b'] .text-two-columns .right {padding-left: 0} section[id*='modular-b'] .text-two-columns .left .image, section[id*='modular-b'] .text-two-columns .right .image{max-width: 350px; margin-bottom:40px;} } .s-press .links.switch .active{ color:#000000; } /* ------------------------------------------------------------------------- */ /*EDUCATIONAL PUBLIC PROGRAMMING*/ /* ------------------------------------------------------------------------- */ .s-educational-public-programming .list-detail-title{ display:none!important; } .s-educational-public-programming section#description header{ display:none; } .s-educational-public-programming section#video header{ display:none; } .s-educational-public-programming section#video h4{ font-family: 'ITCFranklinGothicW01-Md_812698'; font-size: 16px; text-transform: uppercase; padding-top: 0; padding-bottom: 10px; margin-top: 0; margin-bottom: 0; display: inline-block; line-height: normal; color:#aaaaaa; } /* ------------------------------------------------------------------------- */ /*GALLERY FAIR PRESENTATIONS*/ /* ------------------------------------------------------------------------- */ .s-gallery-fair-presentations .list-detail-title{ display:none!important; } .s-gallery-fair-presentations section#description header{ display:none; } /* ------------------------------------------------------------------------- */ /*GALA AWARDS PAGE*/ /* ------------------------------------------------------------------------- */ .s-awards.detail-page #screen-images h4{ display:none; } .s-awards.detail-page section#info .content{ padding-bottom:0; } .s-awards.detail-page section#info2 .text-one-column-with-image:not(.no-image) .text{ margin-top:-.5em; } .s-awards.detail-page section#info2 .text-one-column-with-image .image{ padding-bottom:50px; } /*custom banner header*/ .s-awards.detail-page section#header-banner{ position:relative; margin-top:-60px; margin-bottom:80px; } .s-awards.detail-page .ee-banner-header-header{ position:absolute; width:100%; bottom:45px; left:0; z-index:50; } .s-awards.detail-page section#header-banner figcaption{ display:none; } .s-awards.detail-page section#header-banner figure{ pointer-events:none; } .s-awards.detail-page section#header-banner .full-width-banner .slide figure { padding-top: 80vh; } .s-awards.detail-page .ee-banner-header-header *{ color:#ffffff !important; } .s-awards.detail-page .ee-banner-header-header h2, .s-awards.detail-page .ee-banner-header-header h3{ display:inline; } .s-awards.detail-page .ee-banner-header-header h1{ font-size:70px!important; line-height:1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media all and (max-width:800px) { .s-awards.detail-page .ee-banner-header-header h1{font-size:50px!important;} } @media all and (max-width:614px) { .s-awards.detail-page .ee-banner-header-header h1{font-size:40px!important;} } /* ------------------------------------------------------------------------- */ /* GALA - NEW */ /* ------------------------------------------------------------------------- */ .s-gala-new #related-honorees header{ /*display:none;*/ } .s-gala-new #wrapper-banner .slide figcaption { max-width: 100%; text-align: left; } .s-gala-new #wrapper-banner .slide figcaption h1{ font-family: 'ITCFranklinGothicW01-Md_812698'; font-size: 24px; color: #000000; text-transform: uppercase; padding: 0 0 10px 0 !important; margin: 0 0 0 0; line-height: normal; } .s-gala-new #wrapper-banner .slide figcaption p{ display:none; } /* ------------------------------------------------------------------------- */ /*VISIT*/ /* ------------------------------------------------------------------------- */ .s-visit #wrapper-text .content{ padding-bottom:0; } /* ------------------------------------------------------------------------- */ /*RESEARCH*/ /* ------------------------------------------------------------------------- */ .s-research .image-module .entry.with3 { width: 31.55%; max-width:unset; } .s-research .image-module img{ width:100%; } .s-research .image-module .caption{ display:block; padding-top:20px; } .s-research #wrapper-research-module{ Margin-bottom:80px } /* ------------------------------------------------------------------------- */ /*MISSION*/ /* ------------------------------------------------------------------------- */ .s-mission #wrapper-mission .content{ padding-bottom:0; } .s-mission #wrapper-full-width-banner{ padding-bottom:80px; } .s-mission #wrapper-full-width-banner figure{ padding-top:100vh; } /* ------------------------------------------------------------------------- */ /*BOARD AND STAFF*/ /* ------------------------------------------------------------------------- */ .s-staff-board .image-module .entry.with2 { max-width: unset; padding-left: 0 } .s-staff-board .image-module .entry.with2:last-child { padding-left: 0; padding-right: 0 } .s-staff-board .image-module .entry.with3 { max-width: unset } .s-staff-board .image-module.extended .entry.with1, .s-staff-board .image-module.extended .entry.with2, .s-staff-board .image-module.extended .entry.with3, .s-staff-board .image-module.extended .entry.with4 { width: 25% } @media all and (max-width:700px) { .s-staff-board .image-module.extended .entry.with1, .s-staff-board .image-module.extended .entry.with2, .s-staff-board .image-module.extended .entry.with3, .s-staff-board .image-module.extended .entry.with4 { width: 100% } } .s-staff-board .image-module.container { justify-content: flex-start; -webkit-justify-content: flex-start; } .s-staff-board .image-module.extended .title{ font-size:14px; margin-bottom:5px; display:block } .s-staff-board .image-module.extended .text:empty{ display:none; } .s-staff-board .image-module.extended .text{ margin-bottom:5px; display:block } .s-staff-board .image-module.extended .text p{ /*font-size:12px;*/ } .s-staff-board .image-module.extended.content{ padding-bottom:60px; } .s-staff-board .image-module .image{ display:none; } .s-staff-board .image-module .links.in-text a{ text-transform:initial; font-size:14px; font-family:'ITCFranklinGothicW01-Bk_812647'; } .s-staff-board .image-module .links.in-text{ margin-bottom:10px; } .s-staff-board #wrapper-full-width-banner figure{ padding-top:100vh; } /*.s-staff-board #wrapper-full-width-banner{*/ /* padding-bottom:80px;*/ /*}*/ .s-staff-board #wrapper-office .content{ padding-bottom:10px; } /*KUNHARDT*/ #wrapper-kunhardt-modular-a header, #wrapper-kunhardt-modular-b header{ display:none; } /*BACKGROUND*/ .s-staff-board #wrapper-background-image{ position:fixed; width:100%; height:100vh; top:0; left:0; z-index:-1; } .s-staff-board #wrapper-background-image .bx-controls{ display:none; } .s-staff-board #wrapper-background-image .full-width-banner .slide figure { padding-top: 100vh; } .s-staff-board #wrapper-background-image .full-width-banner .slide figcaption { display:none; } .s-staff-board .contentWrapper{ max-width: 900px; margin-right: auto; margin-left: auto; } .s-staff-board .contentWrapper .custom_page{ background-color: rgba(255, 255, 255, 0.97); margin: 0 20px; } body.s-staff-board section.custom_page > section:first-of-type, body.s-staff-board section.custom_page > section{ background-image: linear-gradient(-180deg, #ffffff 0%, rgba(255,255,255,0.00) 300px)!important; padding-top:60px!important; } body.s-staff-board section.custom_page > section:last-of-type{ margin-bottom:100px; } /* ------------------------------------------------------------------------- */ /*ARTS AND SOCIAL JUSTICE*/ /* ------------------------------------------------------------------------- */ /*BACKGROUND*/ .s-arts-social-justice-fund #wrapper-background-image{ position:fixed; width:100%; height:100vh; top:0; left:0; z-index:-1; } .s-arts-social-justice-fund #wrapper-background-image .bx-controls{ display:none; } .s-arts-social-justice-fund #wrapper-background-image .full-width-banner .slide figure { padding-top: 100vh; } .s-arts-social-justice-fund #wrapper-background-image .full-width-banner .slide figcaption { display:none; } .s-arts-social-justice-fund .contentWrapper{ max-width: 900px; margin-right: auto; margin-left: auto; } .s-arts-social-justice-fund .contentWrapper .custom_page{ background-color: rgba(255, 255, 255, 0.97); margin: 0 20px; } body.s-arts-social-justice-fund section.custom_page > section:first-of-type, body.s-arts-social-justice-fund section.custom_page > section{ background-image: linear-gradient(-180deg, #ffffff 0%, rgba(255,255,255,0.00) 300px)!important; padding-top:60px!important; } body.s-arts-social-justice-fund section.custom_page > section:last-of-type{ margin-bottom:100px; } /* ------------------------------------------------------------------------- */ /* ARCHIVE-INFO*/ /* ------------------------------------------------------------------------- */ /*BACKGROUND*/ .s-archive-info #wrapper-background-image{ position:fixed; width:100%; height:100vh; top:0; left:0; z-index:-1; } .s-archive-info #wrapper-background-image .bx-controls{ display:none; } .s-archive-info #wrapper-background-image .full-width-banner .slide figure { padding-top: 100vh; } .s-archive-info #wrapper-background-image .full-width-banner .slide figcaption { display:none; } .s-archive-info .contentWrapper{ max-width: 900px; margin-right: auto; margin-left: auto; } .s-archive-info .contentWrapper .custom_page{ background-color: rgba(255, 255, 255, 0.97); margin: 0 20px; } body.s-archive-info section.custom_page > section:first-of-type, body.s-archive-info section.custom_page > section{ background-image: linear-gradient(-180deg, #ffffff 0%, rgba(255,255,255,0.00) 300px)!important; padding-top:60px!important; } body.s-archive-info section.custom_page > section:last-of-type{ margin-bottom:100px; } /* ------------------------------------------------------------------------- */ /* GALLERY-INFO*/ /* ------------------------------------------------------------------------- */ /*BACKGROUND*/ .s-gallery-info #wrapper-background-image{ position:fixed; width:100%; height:100vh; top:0; left:0; z-index:-1; } .s-gallery-info #wrapper-background-image .bx-controls{ display:none; } .s-gallery-info #wrapper-background-image .full-width-banner .slide figure { padding-top: 100vh; } .s-gallery-info #wrapper-background-image .full-width-banner .slide figcaption { display:none; } .s-gallery-info .contentWrapper{ max-width: 900px; margin-right: auto; margin-left: auto; } .s-gallery-info .contentWrapper .custom_page{ background-color: rgba(255, 255, 255, 0.97); margin: 0 20px; } body.s-gallery-info section.custom_page > section:first-of-type, body.s-gallery-info section.custom_page > section{ background-image: linear-gradient(-180deg, #ffffff 0%, rgba(255,255,255,0.00) 300px)!important; padding-top:60px!important; } body.s-gallery-info section.custom_page > section:last-of-type{ margin-bottom:100px; } /* ------------------------------------------------------------------------- */ /* LIBRARY*/ /* ------------------------------------------------------------------------- */ /*BACKGROUND*/ .s-library #wrapper-background-image{ position:fixed; width:100%; height:100vh; top:0; left:0; z-index:-1; } .s-library #wrapper-background-image .bx-controls{ display:none; } .s-library #wrapper-background-image .full-width-banner .slide figure { padding-top: 100vh; } .s-library #wrapper-background-image .full-width-banner .slide figcaption { display:none; } .s-library .contentWrapper{ max-width: 900px; margin-right: auto; margin-left: auto; } .s-library .contentWrapper .custom_page{ background-color: rgba(255, 255, 255, 0.97); margin: 0 20px; } body.s-library section.custom_page > section:first-of-type, body.s-library section.custom_page > section{ background-image: linear-gradient(-180deg, #ffffff 0%, rgba(255,255,255,0.00) 300px)!important; padding-top:60px!important; } body.s-library section.custom_page > section:last-of-type{ margin-bottom:100px; } /* ------------------------------------------------------------------------- */ /* LIBRARY NEW 2022 */ /* ------------------------------------------------------------------------- */ .s-steidl-bookculture-library #wrapper-background-image{ position:fixed; width:100%; height:100vh; top:0; left:0; z-index:-1; } .s-steidl-bookculture-library #wrapper-background-image .bx-controls{ display:none; } .s-steidl-bookculture-library #wrapper-background-image .full-width-banner .slide figure { padding-top: 100vh; } .s-steidl-bookculture-library #wrapper-background-image .full-width-banner .slide figcaption { display:none; } .s-steidl-bookculture-library #wrapper-modular-a{ max-width:900px; margin:0 auto; padding-bottom:80px; } .s-steidl-bookculture-library #screen-modular-a{ margin-left:20px; margin-right:20px; background-color: rgba(255, 255, 255, 0.97); padding-top:60px; } .s-steidl-bookculture-library .custom_page > section:not(#wrapper-modular-a){ background-color:#ffffff; } /* ------------------------------------------------------------------------- */ /* ANNUAL FUND*/ /* ------------------------------------------------------------------------- */ /*BACKGROUND*/ .s-general-donations #wrapper-background-image{ position:fixed; width:100%; height:100vh; top:0; left:0; z-index:-1; } .s-general-donations #wrapper-background-image .bx-controls{ display:none; } .s-general-donations #wrapper-background-image .full-width-banner .slide figure { padding-top: 100vh; } .s-general-donations #wrapper-background-image .full-width-banner .slide figcaption { display:none; } .s-general-donations .contentWrapper{ max-width: 900px; margin-right: auto; margin-left: auto; } .s-general-donations .contentWrapper .custom_page{ background-color: rgba(255, 255, 255, 0.97); margin: 0 20px; } body.s-general-donations section.custom_page > section:first-of-type, body.s-general-donations section.custom_page > section{ background-image: linear-gradient(-180deg, #ffffff 0%, rgba(255,255,255,0.00) 300px)!important; padding-top:60px!important; } body.s-general-donations section.custom_page > section:last-of-type{ margin-bottom:100px; } /* ------------------------------------------------------------------------- */ /* EXHIBITIONS, ARCHIVE, ON-THIS-DAY, ART-X-ACTIVISM */ /* ------------------------------------------------------------------------- */ /*Archive*/ .s-archiv section#featured-works h1{ display:none; } .s-archives section#featured-works h1{ display:none; } /*Exhibitions installation thumbnails*/ section#instalations .grid.fitted .entry:not(:last-of-type) { padding-bottom: 20px } /* ------------------------------------- */ /*Current Exhibtions Grid*/ .exhibitions.home .entry.full img{ width:100% } .exhibitions.home .entry.half img{ width:100% } /*.exhibitions.home .entry.half{width:31.2%;*/ /* margin-right:3%;padding-right:0;*/ /*}*/ /*.exhibitions.home .entry.half:nth-child(2n+2){*/ /* margin-right:3%; padding-right:0;*/ /*}*/ /*.exhibitions.home .entry.half:nth-child(3n+3){*/ /* margin-right:0; padding-right:0;*/ /*}*/ /*@media all and (max-width: 600px) {*/ /* .exhibitions.home .entry.half {*/ /* width: 48%;*/ /* margin-right: 4%;*/ /* padding-right: 0 !important;*/ /* }*/ /* .exhibitions.home .entry.half:nth-child(3n+3),*/ /* .exhibitions.home .entry.half:nth-child(4n+4){*/ /* margin-right: 4%;*/ /* }*/ /* .exhibitions.home .entry.half:nth-child(2n+2) {*/ /* margin-right: 0;*/ /* } */ /*}*/ /* ------------------------------------- */ /*Upcoming Exhibitions Grid*/ .grid .entry.medium { width: 23.076923076923%; margin-right: 2.5641025641026%; padding-right: 0 !important; } .grid .entry.medium:nth-child(2n+2), .grid .entry.medium:nth-child(3n+3){ margin-right: 2.5641025641026%; } .grid .entry.medium:nth-child(4n+4) { margin-right: 0; } @media all and (max-width: 600px) { .grid .entry.medium { width: 30.769230769231%; margin-right: 3.8461538461538%; padding-right: 0 !important; } .grid .entry.medium:nth-child(2n+2), .grid .entry.medium:nth-child(4n+4){ margin-right: 3.8461538461538%; } .grid .entry.medium:nth-child(3n+3) { margin-right: 0; } } @media all and (max-width: 400px) { .grid .entry.medium { width: 46.153846153846%; margin-right: 7.6923076923077%; padding-right: 0 !important; } .grid .entry.medium:nth-child(3n+3), .grid .entry.medium:nth-child(4n+4){ margin-right: 7.6923076923077%; } .grid .entry.medium:nth-child(2n+2) { margin-right: 0; } } /* exhibitons second row dates adjustment */ /*.section-header.second-row{margin-top: -5px;}*/ /* Stack dual current exhibitions */ @media all and (max-width:560px) { .grid .entry.half{width: 100%;padding-right: 0;} } /*make default grid consistent with custom grid*/ .exhibitions.home .grid .entry{ margin-bottom: 80px; padding-bottom:0; } .exhibitions.home .section-header.second-row{ margin-top:-10px; margin-bottom:30px; } /*-------------------------------------*/ /*GPX NEW OPTIONS*/ /*-------------------------------------*/ .image-title,.image-subtitle{ font-size:10px; line-height:1.5; } /*EXHIBITION DETAIL HEADER SEPARATE*/ section[id*='text-or-image-gpx'] header{ display:none; } section[id*='text-or-image-gpx']{ padding-top:80px; } section[id*='text-or-image-gpx'] img{ width: 99% } section[id*='text-or-image-gpx'] .text-two-columns .left, section[id*='text-or-image-gpx'] .text-two-columns .right{ width: 47.5%; } section[id*='text-or-image-gpx'] .text-two-columns .right{ padding-left: 2.4% } section[id*='text-or-image-gpx'] .text-two-columns .left{ padding-right: 2.4% } section[id*='text-or-image-gpx'] .left p:first-of-type, section[id*='text-or-image-gpx'] .right p:first-of-type{ margin-top:-.3em; } section[id*='text-or-image-gpx'] .image .caption p{ margin-bottom:0; } section[id*='text-or-image-gpx'] .large-image .left, section[id*='text-or-image-gpx'] .banner-image .left { width: 100%; padding-right: 0; display:block } section[id*='text-or-image-gpx'] .large-image .right, section[id*='text-or-image-gpx'] .banner-image .right { width: 100%; padding-left: 0; display:block } section[id*='text-or-image-gpx'] .large-image .container > p, section[id*='text-or-image-gpx'] .banner-image .container > p{ display:none; } section[id*='text-or-image-gpx'] .banner-image .caption{ text-align:center; } section[id*='text-or-image-gpx'] .banner-image figure{ min-height: 100vh; } @media all and (max-width:600px) { section[id*='text-or-image-gpx'] .text-two-columns .left, section[id*='text-or-image-gpx'] .text-two-columns .right{ width: 100%; padding-left: 0; padding-right: 0; } } .s-archives.detail-page section#slideshow header, .s-archiv.detail-page section#slideshow header, .s-exhibitions.detail-page section#slideshow header, .s-exhibitions-gpfg.detail-page section#slideshow header, .s-gallery-fair-presentations.detail-page section#slideshow header, section[id*='slideshow-gpx'] header{ display:none; } .s-archives.detail-page section#slideshow, .s-archiv.detail-page section#slideshow, .s-exhibitions.detail-page section#slideshow, .s-exhibitions-gpfg.detail-page section#slideshow, .s-gallery-fair-presentations.detail-page section#slideshow, section[id*='slideshow-gpx']{ padding-top:80px; } .s-archives.detail-page section#video header, .s-archiv.detail-page section#video header, .s-exhibitions.detail-page section#video header, .s-exhibitions-gpfg.detail-page section#video header, .s-gallery-fair-presentations.detail-page section#video header, section[id*='video-slideshow-gpx'] header{ display:none; } .s-archives.detail-page section#video, .s-archiv.detail-page section#video, .s-exhibitions.detail-page section#video, .s-exhibitions-gpfg.detail-page section#video, .s-gallery-fair-presentations.detail-page section#video, body .contentWrapper > section[id*='video-slideshow-gpx'], body .contentWrapper .custom_page > section[id*='video-slideshow-gpx']{ padding-top:80px; background-color:#222222; background-image: linear-gradient(-180deg, #333333 0%, #222222 300px); } .s-archives.detail-page section#video p, .s-archiv.detail-page section#video p, .s-exhibitions.detail-page section#video p, .s-exhibitions-gpfg.detail-page section#video p, .s-gallery-fair-presentations.detail-page section#video p, section[id*='video-slideshow-gpx'] p{ color:#ffffff; } body .contentWrapper > section[id*='video-slideshow-gpx-v'] .slide figure.video-figure{ padding-top: calc(100vh - 100px); } @media all and (max-width:1300px) { body .contentWrapper > section[id*='video-slideshow-gpx-v'] .slide figure.video-figure{ padding-top: calc(100vh - 10px); } } .s-archives.detail-page section#embed, .s-archiv.detail-page section#embed, .s-exhibitions.detail-page section#embed, .s-exhibitions-gpfg.detail-page section#embed, .s-gallery-fair-presentations.detail-page section#embed, section[id*='embed-gpx']{ text-align:center; padding-top:80px; padding-bottom:100px; } .s-archives.detail-page section#quote, .s-archiv.detail-page section#quote, .s-honorees.detail-page section#quote, .s-exhibitions.detail-page section#quote, .s-exhibitions-gpfg.detail-page section#quote, .s-gallery-fair-presentations.detail-page section#quote, body .contentWrapper > section[id*='quote-gpx']{ padding-top:100px; } .s-archives.detail-page section#quote header, .s-archiv.detail-page section#quote header, .s-honorees.detail-page section#quote header, .s-exhibitions.detail-page section#quote header, .s-exhibitions-gpfg.detail-page section#quote header, .s-gallery-fair-presentations.detail-page section#quote header, section[id*='quote-gpx'] header{ display:none; } .s-archives.detail-page section#quote .content, .s-archiv.detail-page section#quote .content, .s-honorees.detail-page section#quote .content, .s-exhibitions.detail-page section#quote .content, .s-exhibitions-gpfg.detail-page section#quote .content, .s-gallery-fair-presentations.detail-page section#quote .content, section[id*='quote-gpx'] .content{ margin-left:auto; margin-right:auto; text-align:center; } .s-archives.detail-page section#quote p, .s-archiv.detail-page section#quote p, .s-honorees.detail-page section#quote p, .s-exhibitions.detail-page section#quote p, .s-exhibitions-gpfg.detail-page section#quote p, .s-gallery-fair-presentations.detail-page section#quote p, section[id*='quote-gpx'] p{ font-family:'ITCFranklinGothicW01-Md_812698'; font-size: 45px; letter-spacing:1px; line-height: 1.7; display: inline; text-transform: uppercase; background: transparent linear-gradient(to right, #ff0000, #ff0000) no-repeat 0 90%; background-size: 100% 5px; background-position: 0 1.03em } .s-archives.detail-page section#quote p u, .s-archiv.detail-page section#quote p u, .s-honorees.detail-page section#quote p u, .s-exhibitions.detail-page section#quote p u, .s-exhibitions-gpfg.detail-page section#quote p u, .s-gallery-fair-presentations.detail-page section#quote p u, section[id*='quote-gpx'] p u{ font-family: 'Times'; text-decoration:none; } .s-archives.detail-page section#banner figcaption, .s-archiv.detail-page section#banner figcaption, .s-exhibitions.detail-page section#banner figcaption, .s-exhibitions-gpfg.detail-page section#banner figcaption, .s-gallery-fair-presentations.detail-page section#banner figcaption, section[id*='banner-gpx'] figcaption{ padding-bottom:80px; } section[id*='banner-gpx'] .full-width-banner .slide figure{ padding-top: 100vh; pointer-events:none; } section#selected-works header:not(.page-header) h1, section#instalations header:not(.page-header) h1{ display:none; } section[id*='installations-gpx'] header:not(.page-header) h1{ display:none; } section[id*='installations-gpx'] .grid.fitted .entry:not(:last-of-type) { padding-bottom: 20px } section[id*='text-image-gpx'] header{ display:none; } section[id*='text-image-gpx'] .text-one-column-with-image{padding-bottom:20px;} section[id*='text-image-gpx'] .text-one-column-with-image:last-of-type{padding-bottom:70px;} section[id*='text-image-gpx'] .text-one-column-with-image .text{padding-bottom:20px;} section[id*='text-image-gpx'] .text-one-column-with-image .image{padding-bottom:30px;margin-top:.5em;} section[id*='text-image-gpx'] .text-one-column-with-image.no-image .text{ width:100%; max-width:860px;} section[id*='text-only-gpx'] .content{ padding-bottom:0; } section[id*='text-image-gpx'] .banner-image figure{ min-height: 100vh; } section[id*='large-image-only-gpx'] .text, section[id*='large-image-only-gpx'] header, section[id*='large-image-only-gpx'] .text-one-column-with-image:not(.large-image), section[id*='large-image-only-gpx'] .text-one-column-with-image.large-image.banner-image { display:none; } section[id*='thumbnail-slideshow-gpx'] h1{ display:none; } section[id*='thumbnail-slideshow-gpx'] header{ display:flex; } #screen-highlights header h1{ display:none; } /*----------------------------------------------------*/ /*EXHIBITIONS, ARCHIVE, ON-THIS-DAY, ART-X-ACTIVISM BANNER BACKGROUND */ /*----------------------------------------------------*/ .s-art-x-activism .background-header, .s-on-this-day .background-header, .s-archiv .background-header, .s-archives .background-header, .s-exhibitions .background-header, .s-exhibitions-gpfg .background-header, .s-gallery-fair-presentations .background-header{ margin-top:-60px; margin-bottom:0px; } .s-art-x-activism .item-header-background, .s-on-this-day .item-header-background, .s-archiv .item-header-background, .s-archives .item-header-background, .s-exhibitions .item-header-background, .s-exhibitions-gpfg .item-header-background, .s-gallery-fair-presentations .item-header-background{ position: relative; height:80vh; background-position: center center; /*margin-bottom: 50px;*/ margin-bottom: 0px; } .s-art-x-activism .item-header-background{ height:60vh; } .s-art-x-activism .item-header-background > div, .s-on-this-day .item-header-background > div, .s-archiv .item-header-background > div, .s-archives .item-header-background > div, .s-exhibitions .item-header-background > div, .s-exhibitions-gpfg .item-header-background > div, .s-gallery-fair-presentations .item-header-background > div{ width: 100%; max-width: 1380px; bottom: 70px; left: 50%; transform:translateX(-50%); position: absolute; padding: 0 40px; box-sizing: border-box; } .s-art-x-activism .item-header-background *, .s-on-this-day .item-header-background *, .s-archiv .item-header-background *, .s-archives .item-header-background *, .s-exhibitions .item-header-background *, .s-exhibitions-gpfg .item-header-background *, .s-gallery-fair-presentations .item-header-background *{ color:#ffffff !important; } .s-art-x-activism .item-header-background h1, .s-on-this-day .item-header-background h1, .s-archiv .item-header-background h1, .s-archives .item-header-background h1, .s-exhibitions .item-header-background h1, .s-exhibitions-gpfg .item-header-background h1, .s-gallery-fair-presentations .item-header-background h1{ font-size:70px!important; line-height:1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media all and (max-width:800px) { .s-art-x-activism .item-header-background h1{font-size:50px!important;} .s-on-this-day .item-header-background h1{font-size:50px!important;} .s-archiv .item-header-background h1{font-size:50px!important;} .s-archives .item-header-background h1{font-size:50px!important;} .s-exhibitions .item-header-background h1{font-size:50px!important;} .s-exhibitions-gpfg .item-header-background h1{font-size:50px!important;} .s-gallery-fair-presentations .item-header-background h1{font-size:50px!important;} } @media all and (max-width:614px) { .s-art-x-activism .item-header-background h1{font-size:40px!important;} .s-on-this-day .item-header-background h1{font-size:40px!important;} .s-archiv .item-header-background h1{font-size:40px!important;} .s-archives .item-header-background h1{font-size:40px!important;} .s-exhibitions .item-header-background h1{font-size:40px!important;} .s-exhibitions-gpfg .item-header-background h1{font-size:40px!important;} .s-gallery-fair-presentations .item-header-background h1{font-size:40px!important;} } /*.s-art-x-activism .item-header-background h2,*/ /*.s-art-x-activism .item-header-background h2.subtitle2,*/ /*.s-art-x-activism .item-header-background h3,*/ /*.s-on-this-day .item-header-background h2,*/ /*.s-on-this-day .item-header-background h2.subtitle2,*/ /*.s-on-this-day .item-header-background h3,*/ .s-archiv .item-header-background h2, .s-archiv .item-header-background h2.subtitle2, .s-archiv .item-header-background h3, .s-archives .item-header-background h2, .s-archives .item-header-background h2.subtitle2, .s-archives .item-header-background h3, .s-exhibitions .item-header-background h2, .s-exhibitions .item-header-background h2.subtitle2, .s-exhibitions .item-header-background h3, .s-exhibitions-gpfg .item-header-background h2, .s-exhibitions-gpfg .item-header-background h2.subtitle2, .s-exhibitions-gpfg .item-header-background h3, .s-gallery-fair-presentations .item-header-background h2, .s-gallery-fair-presentations .item-header-background h2.subtitle2, .s-gallery-fair-presentations .item-header-background h3{ display:inline; /*padding: 0 20px 10px 0 !important;*/ } @media all and (max-width:768px) { .s-art-x-activism .item-header-background{ height:75vw; } .s-art-x-activism .item-header-background > div{ bottom: 30px; } } .s-exhibitions .slider, .s-exhibitions-gpfg .slider, .s-gallery-fair-presentations .slider{ /*padding-bottom: 100px*/ } .s-art-x-activism .divider, .s-on-this-day .divider, .s-archiv .divider, .s-archives .divider, .s-exhibitions .divider, .s-exhibitions-gpfg .divider, .s-gallery-fair-presentations .divider{ /*border:none;*/ } /*EXHIBITIONS INDEX DROP DOWN*/ .s-exhibitions .second-row .filter-items .association-filter.dropdown-root > .dropdown, .s-exhibitions-gpfg .second-row .filter-items .association-filter.dropdown-root > .dropdown, .s-gallery-fair-presentations .second-row .filter-items .association-filter.dropdown-root > .dropdown{ max-width:350px; } .s-exhibitions .second-row .filter-items > .association-filter.dropdown-root, .s-exhibitions .second-row .filter-items > .filter-clear, .s-exhibitions-gpfg .second-row .filter-items > .association-filter.dropdown-root, .s-exhibitions-gpfg .second-row .filter-items > .filter-clear, .s-gallery-fair-presentations .second-row .filter-items > .association-filter.dropdown-root, .s-gallery-fair-presentations .second-row .filter-items > .filter-clear{ vertical-align:middle; padding-bottom:0!important; } .s-exhibitions .second-row .filter-items .association-filter.dropdown-root .divider a, .s-exhibitions .second-row .filter-items .association-filter.dropdown-root .divider a:last-of-type, .s-exhibitions-gpfg .second-row .filter-items .association-filter.dropdown-root .divider a, .s-exhibitions-gpfg .second-row .filter-items .association-filter.dropdown-root .divider a:last-of-type, .s-gallery-fair-presentations .second-row .filter-items .association-filter.dropdown-root .divider a, .s-gallery-fair-presentations .second-row .filter-items .association-filter.dropdown-root .divider a:last-of-type{ padding-right:40px; } @media all and (max-width:600px) { .s-exhibitions .home .section-header.second-row, .s-exhibitions-gpfg .home .section-header.second-row, .s-gallery-fair-presentations .home .section-header.second-row{ justify-content: flex-start; -webkit-justify-content: flex-start; } .s-exhibitions .second-row .filter-items .association-filter.dropdown-root > .dropdown, .s-exhibitions-gpfg .second-row .filter-items .association-filter.dropdown-root > .dropdown, .s-gallery-fair-presentations .second-row .filter-items .association-filter.dropdown-root > .dropdown{ max-width:200px; } } /*EXHIBITIONS PRESS RELEASE*/ .s-exhibitions.detail-page #press-release header, .s-exhibitions.detail-page #press-release .content p, .s-exhibitions-gpfg.detail-page #press-release header, .s-exhibitions-gpfg.detail-page #press-release .content p, .s-gallery-fair-presentations.detail-page #press-release header, .s-gallery-fair-presentations.detail-page #press-release .content p{ display:none; } .s-exhibitions.detail-page #press-release .content .links a, .s-exhibitions-gpfg.detail-page #press-release .content .links a, .s-gallery-fair-presentations.detail-page #press-release .content .links a{ font-family: 'ITCFranklinGothicW01-Md_812698'; font-size: 24px; color: #000000; text-transform: uppercase; } .s-exhibitions.detail-page #press-release .links.in-text, .s-exhibitions-gpfg.detail-page #press-release .links.in-text, .s-gallery-fair-presentations.detail-page #press-release .links.in-text{ margin-top:0; } /* ------------------------------------------------------------------------- */ /*ON-THIS-DAY*/ /* ------------------------------------------------------------------------- */ .s-on-this-day .exhibitions.home .list-detail-title{ display:none; } .s-on-this-day .exhibitions.home .section-header.no-h4, .s-on-this-day .exhibitions.home .section-header.second-row{ justify-content: flex-start; } .s-on-this-day .links.switch .active{ color:#000000; } /* ------------------------------------------------------------------------- */ /* ART-X-ACTIVISM */ /* ------------------------------------------------------------------------- */ .s-art-x-activism .exhibitions.home .list-detail-title{ display:none; } .s-art-x-activism .exhibitions.home .section-header.no-h4, .s-art-x-activism .exhibitions.home .section-header.second-row{ justify-content: flex-start; } .s-art-x-activism .links.switch .active{ color:#000000; } .s-exhibitions .links.switch .active, .s-exhibitions-gpfg .links.switch .active, .s-gallery-fair-presentations .links.switch .active{ color:#000000; } /* ------------------------------------------------------------------------- */ /* ARTIST PAGE CUSTOM SPLIT*/ /* ------------------------------------------------------------------------- */ /*GRADIENTS AND BACKGROUND*/ .custom-split .custom_page > section:not([id*="slideshow"]){ background-image: linear-gradient(-180deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.00) 200px); } .custom-split .custom_page > section{ padding-top:50px; background-color:rgba(255,255,255,.97); } .custom-split .custom_page > section[id*="slideshow"]{ background-color:rgba(34,34,34,.97); color:#ffffff; } /*HEADERS*/ .custom-split .custom_page > section header h1{ font-family:'ITCFranklinGothicW01-Md_812698'; font-size:24px; text-transform:uppercase; padding:0 0 10px 0 !important; margin: 0 0 0 0; line-height:normal; } .custom-split .custom_page > section[id*="slideshow"] header h4, .custom-split .custom_page > section[id*="slideshow"] h1{ color:#ffffff; display:none; } .custom-split .custom_page > section[id*="text-image"] header{ display:none; } /*BANNER*/ .custom-split #wrapper-banner{position:fixed; top:0; left:0; width:100%; z-index:-1;} .custom-split .full-width-banner figure{padding-top:100vh;} /*WRAPPER*/ .custom-split .contentWrapper{ position:relative; max-width: 1300px; margin-left: auto; margin-right: auto; } /*CUSTOM_PAGE*/ /*.custom-split section.custom_page{*/ /* width:70%;*/ /* margin-left:auto;*/ /* margin-right:40px;*/ /* display:block;*/ /* margin-bottom:100px;*/ /* box-sizing:border-box;*/ /*}*/ .custom-split section.custom_page{ width:100%; max-width:900px; margin-left:auto; margin-right:auto; display:block; margin-bottom:100px; box-sizing:border-box; padding: 0 20px; } /*SUBMENU*/ .custom-split #wrapper-sub-menu{ width:20%; position:fixed; margin-top: 50px; box-sizing:border-box; display:none; } .custom-split #wrapper-sub-menu{ display:none; } .custom-split #wrapper-sub-menu a{ text-transform:uppercase; color:rgba(255,255,255,.7); } .custom-split #wrapper-sub-menu a:hover{ color:rgba(255,255,255,1)!important; } .custom-split #wrapper-sub-menu p{ margin-bottom:10px; line-height:normal; font-size:24px; font-family:'ITCFranklinGothicW01-Md_812698'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .custom-split #wrapper-sub-menu u, .custom-split #wrapper-sub-menu u a{ color:#ffffff; text-decoration:none !important; } @media all and (max-width:1120px) { .custom-split section.custom_page{ /*width:100%;*/ /*margin-left:0;*/ /*margin-right:0;*/ margin-bottom:60vh; /*padding: 0 20px;*/ } /*.custom-split #wrapper-sub-menu{*/ /* width:100%;*/ /* position:relative;*/ /* margin-top: 0;*/ /*}*/ } /*INTRO*/ .custom-split #wrapper-intro p{ font-size:24px; } /*QUOTE*/ /*.custom-split #wrapper-quote p{*/ /* font-family:'ITCFranklinGothicW01-Md_812698'; font-size: 34px; letter-spacing:1px; line-height: 1.7;*/ /* display: inline;*/ /* text-transform: uppercase;*/ /* background: transparent linear-gradient(to right, #ff0000, #ff0000) no-repeat 0 90%;*/ /* background-size: 100% 5px;*/ /* background-position: 0 1.03em;*/ /* text-align:center;*/ /*}*/ /*.custom-split #wrapper-quote{*/ /* text-align:center;*/ /* padding-bottom:60px;*/ /*}*/ /*.custom-split #wrapper-quote .content{*/ /* max-width:680px;*/ /* margin-left:auto;margin-right:auto;*/ /*}*/ .custom-split section[id*="quote"] p{ font-family:'ITCFranklinGothicW01-Md_812698'; font-size: 34px; letter-spacing:1px; line-height: 1.7; display: inline; text-transform: uppercase; background: transparent linear-gradient(to right, #ff0000, #ff0000) no-repeat 0 90%; background-size: 100% 5px; background-position: 0 1.03em; text-align:center; } .custom-split section[id*="quote"]{ text-align:center; padding-bottom:60px; } .custom-split section[id*="quote"] .content{ max-width:680px; margin-left:auto;margin-right:auto; } /*SPACING*/ .custom-split .text-one-column, .custom-split .text-one-column .content{padding-bottom:1px;} .custom-split .text-one-column-with-image{padding-bottom:0;} .custom-split .text-one-column-with-image:last-of-type{padding-bottom:10px;} .custom-split .text-one-column-with-image .text{padding-bottom:20px;} .custom-split .text-one-column-with-image .image{padding-bottom:40px;margin-top:.5em;} .custom-split .text-one-column-with-image.no-image .text{ width:100%; max-width:700px;} .custom-split .text-three-columns .content{padding-bottom:50px;} /* CUSTOM SPLIT (ROW) SECTIONS */ .custom-split .custom_page > section[id*="wrapper-text-image-row"]{ background-image: linear-gradient(-180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.00) 200px); padding-top:0; } .custom-split .custom_page > section[id*="wrapper-text-image-row"] .text-one-column-with-image{ background-image: linear-gradient(-180deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.00) 200px); padding-top:50px; } .custom-split .custom_page > section[id*="wrapper-text-image-row"] p.custom-header-paragraph + p > em{ margin-top:-15px; display:block; font-family:'ITCFranklinGothicW01-Bk_812647'; } .custom-split .custom_page > section[id*="wrapper-text-image-row"] .large-image .text, .custom-split .custom_page > section[id*="wrapper-text-image-row"] .banner-image{ display:none; } /* STAFF / BOARD OD DIRECTORS (ROW) */ .s-co-founders.custom-split .custom_page > section[id*="wrapper-text-image-row"]{ margin-bottom:80px; } .s-co-founders.custom-split .custom_page > section[id*="wrapper-text-image-row"]:nth-of-type(2) .text-one-column-with-image:not(:nth-child(2)), .s-staff.custom-split .custom_page > section[id*="wrapper-text-image-row"] .text-one-column-with-image:not(:nth-child(2)){ padding-top:25px; } .s-co-founders.custom-split .custom_page > section[id*="wrapper-text-image-row"]:nth-of-type(2) .text-one-column-with-image:not(:last-child) .text, .s-staff.custom-split .custom_page > section[id*="wrapper-text-image-row"] .text-one-column-with-image:not(:last-child) .text{ padding-bottom:0; } .s-co-founders.custom-split .custom_page > section[id*="wrapper-text-image-row"]:nth-of-type(2) .text-one-column-with-image, .s-staff.custom-split .custom_page > section[id*="wrapper-text-image-row"] .text-one-column-with-image{ background-image: linear-gradient(-180deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.00) 70px); padding-top:50px; } /* ------------------------------------------------------------------------- */ /* PUBLICATIONS - HONOREES AND FELLOWSHIP WORKAROUND */ /* ------------------------------------------------------------------------- */ /*body:not(.s-publications) .publications.home > .category:first-of-type .entry{width: 100%;}*/ /*body:not(.s-publications) .publications.home > .category:first-of-type .section-header {display: none;}*/ /*body:not(.s-publications) .publications.home > .category:first-of-type .placeholder {*/ /* padding-top: 25.5%;*/ /* float: right;*/ /* width: 25.5%;*/ /*}*/ /*body:not(.s-publications) .publications.home > .category:first-of-type img {height: 100%;}*/ /*body:not(.s-publications) .publications.home > .category:first-of-type .titles{*/ /* display:block; width:70%; max-width: 740px;*/ /*}*/ /*body:not(.s-publications) .publications.home > .category:first-of-type .subtitle{*/ /* font-size:14px;*/ /* line-height:1.8;*/ /* font-family: 'ITCFranklinGothicW01-Bk_812647';*/ /* text-transform:initial;*/ /* margin-top: 25px;*/ /*}*/ /* ------------------------------------------------------------------------- */ /*PUBLICATIONS - FIRST CATEGORY AS HEADER WORK AROUND*/ /* ------------------------------------------------------------------------- */ /*.publications.home > .category:first-of-type .entry{width: 100%;}*/ /*.publications.home > .category:first-of-type .section-header {display: none;}*/ /*.publications.home > .category:first-of-type .placeholder {*/ /* padding-top: 25.5%;*/ /* float: right;*/ /* width: 25.5%;*/ /*}*/ /*.publications.home > .category:first-of-type img {height: 100%;}*/ /*.publications.home > .category:first-of-type .titles{*/ /* display:block; width:70%; max-width: 740px;*/ /*}*/ /*.publications.home > .category:first-of-type .subtitle{*/ /* font-size:14px;*/ /* line-height:1.8;*/ /* font-family: 'ITCFranklinGothicW01-Bk_812647';*/ /* text-transform:initial;*/ /* margin-top: 25px;*/ /*}*/ /* ------------------------------------------------------------------------- */ /* EE-TOP-FEATURE 2023 */ /* ------------------------------------------------------------------------- */ .ee-top-feature{ width:100%!important; display: flex!important; flex-direction: row-reverse; justify-content: space-between; } .ee-top-feature .titles{ max-width:740px; padding-right:50px; } .ee-top-feature .placeholder{ max-width: 25.5%; padding-top: 25.5%!important; } .ee-top-feature .placeholder img{ width:100%; height:100%; object-fit:contain; object-position: top center; } @media all and (max-width:620px) { .ee-top-feature{ display: block!important; } .ee-top-feature .titles{ padding-right:0; } .ee-top-feature .placeholder{ max-width: 100%; padding-top: 100%!important; } } .s-honorees .switch a.active{ color:#000000; } /* ------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- */ /*BANNER STYLE INDEX PAGES*/ /* ------------------------------------------------------------------------- */ #wrapper-banner-info .full-width-banner .slide figcaption h1{ font-size:70px!important; line-height:1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color:#ffffff !important; font-family:'ITCFranklinGothicW01-Md_812698'; text-transform:uppercase; padding: 0 0 10px 0 !important; } #wrapper-banner-info .full-width-banner .slide figcaption h2{ font-size:16px; line-height:1; color:#ffffff !important; font-family:'ITCFranklinGothicW01-Md_812698'; text-transform:uppercase; padding:0 0 12px 0 !important; } #wrapper-banner-info .image-description p{ max-width:800px; } @media all and (max-width:800px) { #wrapper-banner-info .full-width-banner .slide figcaption h1{font-size:50px!important;} } @media all and (max-width:614px) { #wrapper-banner-info .full-width-banner .slide figcaption h1{font-size:40px!important;} } /* -------------------------------- */ /*PUBLICATIONS*/ /* -------------------------------- */ .s-publications #wrapper-banner-info{ margin-top:-60px; margin-bottom:80px; } .s-publications #wrapper-banner-info .full-width-banner .slide figure { padding-top: 60vh; pointer-events:none; } .s-publications #wrapper-banner-info .full-width-banner .slide figcaption{ position: absolute; bottom: 60px; z-index: 50; width: 100%; left: 0; max-width: 100%; color:#ffffff!important; text-align:left; } /* -------------------------------- */ /*PUBLICATIONS-OTHER*/ /* -------------------------------- */ .s-publications-other #wrapper-banner-info{ margin-top:-60px; margin-bottom:80px; } .s-publications-other #wrapper-banner-info .full-width-banner .slide figure { padding-top: 60vh; pointer-events:none; } .s-publications-other #wrapper-banner-info .full-width-banner .slide figcaption{ position: absolute; bottom: 60px; z-index: 50; width: 100%; left: 0; max-width: 100%; color:#ffffff!important; text-align:left; } /* -------------------------------- */ /*FELLOWSHIPS*/ /* -------------------------------- */ .s-fellowships #wrapper-banner-info{ margin-top:-60px; margin-bottom:80px; } .s-fellowships #wrapper-banner-info .full-width-banner .slide figure { padding-top: 60vh; pointer-events:none; } .s-fellowships #wrapper-banner-info .full-width-banner .slide figcaption{ position: absolute; bottom: 60px; z-index: 50; width: 100%; left: 0; max-width: 100%; color:#ffffff!important; text-align:left; } /* -------------------------------- */ /*FELLOWSHIPS-IN-WRITING*/ /* -------------------------------- */ .s-fellowships-in-writing #wrapper-banner-info{ margin-top:-60px; margin-bottom:80px; } .s-fellowships-in-writing #wrapper-banner-info .full-width-banner .slide figure { padding-top: 60vh; pointer-events:none; } .s-fellowships-in-writing #wrapper-banner-info .full-width-banner .slide figcaption{ position: absolute; bottom: 60px; z-index: 50; width: 100%; left: 0; max-width: 100%; color:#ffffff!important; text-align:left; } /* -------------------------------- */ /*FELLOWSHIPS-IN-MUSIC*/ /* -------------------------------- */ .s-fellowships-in-music #wrapper-banner-info{ margin-top:-60px; margin-bottom:80px; } .s-fellowships-in-music #wrapper-banner-info .full-width-banner .slide figure { padding-top: 60vh; pointer-events:none; } .s-fellowships-in-music #wrapper-banner-info .full-width-banner .slide figcaption{ position: absolute; bottom: 60px; z-index: 50; width: 100%; left: 0; max-width: 100%; color:#ffffff!important; text-align:left; } /* -------------------------------- */ /* LEGACY AQUISITION FUND */ /* -------------------------------- */ .s-legacy-acquisition-fund #wrapper-banner-info{ margin-top:-60px; margin-bottom:80px; } .s-legacy-acquisition-fund #wrapper-banner-info .full-width-banner .slide figure { padding-top: 60vh; pointer-events:none; } .s-legacy-acquisition-fund #wrapper-banner-info .full-width-banner .slide figcaption{ position: absolute; bottom: 60px; z-index: 50; width: 100%; left: 0; max-width: 100%; color:#ffffff!important; text-align:left; } /* -------------------------------- */ /*SCHOLARSHIP LIST*/ /* -------------------------------- */ .s-scholarshipslist #wrapper-banner-info{ margin-top:-60px; margin-bottom:80px; } .s-scholarshipslist #wrapper-banner-info .full-width-banner .slide figure { padding-top: 60vh; pointer-events:none; } .s-scholarshipslist #wrapper-banner-info .full-width-banner .slide figcaption{ position: absolute; bottom: 60px; z-index: 50; width: 100%; left: 0; max-width: 100%; color:#ffffff!important; text-align:left; } /* -------------------------------- */ /*BOOK PRIZE LIST*/ /* -------------------------------- */ .s-book-prize #wrapper-banner-info{ margin-top:-60px; margin-bottom:80px; } .s-book-prize #wrapper-banner-info .full-width-banner .slide figure { padding-top: 60vh; pointer-events:none; } .s-book-prize #wrapper-banner-info .full-width-banner .slide figcaption{ position: absolute; bottom: 60px; z-index: 50; width: 100%; left: 0; max-width: 100%; color:#ffffff!important; text-align:left; } /* -------------------------------- */ /*ON-THIS-DAY LIST*/ /* -------------------------------- */ .s-on-this-day #wrapper-banner-info{ margin-top:-60px; margin-bottom:80px; } .s-on-this-day #wrapper-banner-info .full-width-banner .slide figure { padding-top: 60vh; pointer-events:none; } .s-on-this-day #wrapper-banner-info .full-width-banner .slide figcaption{ position: absolute; bottom: 60px; z-index: 50; width: 100%; left: 0; max-width: 100%; color:#ffffff!important; text-align:left; } /* -------------------------------- */ /* ART-X-ACTIVISM LIST*/ /* -------------------------------- */ .s-art-x-activism #wrapper-banner-info{ margin-top:-60px; margin-bottom:80px; } .s-art-x-activism #wrapper-banner-info .full-width-banner .slide figure { padding-top: 60vh; pointer-events:none; } .s-art-x-activism #wrapper-banner-info .full-width-banner .slide figcaption{ position: absolute; bottom: 60px; z-index: 50; width: 100%; left: 0; max-width: 100%; color:#ffffff!important; text-align:left; } /* -------------------------------- */ /*GOOGLE ARTS*/ /* -------------------------------- */ .s-google-arts #wrapper-banner-info{ margin-top:-60px; margin-bottom:80px; } .s-google-arts #wrapper-banner-info .full-width-banner .slide figure { padding-top: 60vh; pointer-events:none; } .s-google-arts #wrapper-banner-info .full-width-banner .slide figcaption{ position: absolute; bottom: 60px; z-index: 50; width: 100%; left: 0; max-width: 100%; color:#ffffff!important; text-align:left; } /* -------------------------------- */ /*ADDITIONAL RESOURCES*/ /* -------------------------------- */ .s-additional-resources #wrapper-banner-info{ margin-top:-60px; margin-bottom:80px; } .s-additional-resources #wrapper-banner-info .full-width-banner .slide figure { padding-top: 60vh; pointer-events:none; } .s-additional-resources #wrapper-banner-info .full-width-banner .slide figcaption{ position: absolute; bottom: 60px; z-index: 50; width: 100%; left: 0; max-width: 100%; color:#ffffff!important; text-align:left; } /* ------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------- */ /* FIRST CATEGORY AS HEADER WORK AROUND */ /* ------------------------------------------------------------------------- */ /* ----------------------------------- */ /* Publications */ /* ----------------------------------- */ /*.s-publications .home > .category:first-of-type .entry{width: 100%;}*/ /*.s-publications .home > .category:first-of-type .section-header {display: none;}*/ /*.s-publications .home > .category:first-of-type .placeholder {*/ /* padding-top: 25.5%;*/ /* float: right;*/ /* width: 25.5%;*/ /*}*/ /*.s-publications .home > .category:first-of-type img {height: 100%;}*/ /*.s-publications .home > .category:first-of-type .titles{*/ /* display:block; width:70%; max-width: 740px;*/ /*}*/ /*.s-publications .home > .category:first-of-type .entry .content{padding-bottom:0;}*/ /* ----------------------------------- */ /* Honorees */ /* ----------------------------------- */ /*.s-honorees .home > .category:first-of-type .entry{width: 100%;}*/ /*.s-honorees .home > .category:first-of-type .section-header {display: none;}*/ /*.s-honorees .home > .category:first-of-type .placeholder {*/ /* padding-top: 25.5%;*/ /* float: right;*/ /* width: 25.5%;*/ /*}*/ /*.s-honorees .home > .category:first-of-type img {height: 100%;}*/ /*.s-honorees .home > .category:first-of-type .titles{*/ /* display:block; width:70%; max-width: 740px;*/ /*}*/ /*.s-honorees .home > .category:first-of-type .entry .content{padding-bottom:0;}*/ /* ----------------------------------- */ /* Fellowships */ /* ----------------------------------- */ .s-fellowships .home > .category:first-of-type .entry{width: 100%;} .s-fellowships .home > .category:first-of-type .section-header {display: none;} .s-fellowships .home > .category:first-of-type .placeholder { padding-top: 25.5%; float: right; width: 25.5%; } .s-fellowships .home > .category:first-of-type img {height: 100%;} .s-fellowships .home > .category:first-of-type .titles{ display:block; width:70%; max-width: 740px; } /* ----------------------------------- */ /* Fellowships-in-writing */ /* ----------------------------------- */ .s-fellowships-in-writing .home > .category:first-of-type .entry{width: 100%;} .s-fellowships-in-writing .home > .category:first-of-type .section-header {display: none;} .s-fellowships-in-writing .home > .category:first-of-type .placeholder { padding-top: 25.5%; float: right; width: 25.5%; } .s-fellowships-in-writing .home > .category:first-of-type img {height: 100%;} .s-fellowships-in-writing .home > .category:first-of-type .titles{ display:block; width:70%; max-width: 740px; } /* ----------------------------------- */ /* Fellowships-in-music */ /* ----------------------------------- */ .s-fellowships-in-music .home > .category:first-of-type .entry{width: 100%;} .s-fellowships-in-music .home > .category:first-of-type .section-header {display: none;} .s-fellowships-in-music .home > .category:first-of-type .placeholder { padding-top: 25.5%; float: right; width: 25.5%; } .s-fellowships-in-music .home > .category:first-of-type img {height: 100%;} .s-fellowships-in-music .home > .category:first-of-type .titles{ display:block; width:70%; max-width: 740px; } /* ----------------------------------- */ /* LEGACY AQUISITION FUND */ /* ----------------------------------- */ .s-legacy-acquisition-fund .home > .category:first-of-type .entry{width: 100%;} .s-legacy-acquisition-fund .home > .category:first-of-type .section-header {display: none;} .s-legacy-acquisition-fund .home > .category:first-of-type .placeholder { padding-top: 25.5%; float: right; width: 25.5%; } .s-legacy-acquisition-fund .home > .category:first-of-type img {height: 100%;} .s-legacy-acquisition-fund .home > .category:first-of-type .titles{ display:block; width:70%; max-width: 740px; } /* ----------------------------------- */ /* Archive - (About Photography) */ /* ----------------------------------- */ .s-archiv .home > .category:first-of-type .entry{width: 100%;} .s-archiv .home > .category:first-of-type .section-header {display: none;} .s-archiv .home > .category:first-of-type .placeholder { padding-top: 25.5%; float: right; width: 25.5%; } .s-archiv .home > .category:first-of-type img {height: 100%;} .s-archiv .home > .category:first-of-type .titles{ display:block; width:70%; max-width: 740px; } .s-archiv .home > .category:first-of-type .entry .content{padding-bottom:0;} /* ----------------------------------- */ /* Archives - (About Photography) */ /* ----------------------------------- */ .s-archives .home > .category:first-of-type .entry{width: 100%;} .s-archives .home > .category:first-of-type .section-header {display: none;} .s-archives .home > .category:first-of-type .placeholder { padding-top: 25.5%; float: right; width: 25.5%; } .s-archives .home > .category:first-of-type img {height: 100%;} .s-archives .home > .category:first-of-type .titles{ display:block; width:70%; max-width: 740px; } .s-archives .home > .category:first-of-type .entry .content{padding-bottom:0;} @media all and (max-width:620px) { /*.s-honorees .home > .category:first-of-type .placeholder,*/ /*.s-publications .home > .category:first-of-type .placeholder, */ .s-archiv .home > .category:first-of-type .placeholder, .s-archives .home > .category:first-of-type .placeholder, .s-fellowships .home > .category:first-of-type .placeholder, .s-fellowships-in-music .home > .category:first-of-type .placeholder, .s-fellowships-in-writing .home > .category:first-of-type .placeholder { padding-top: 70%; float: none; width: 70%; margin-bottom:30px!important; } /*.s-honorees .home > .category:first-of-type .titles,*/ /*.s-publications .home > .category:first-of-type .titles,*/ .s-archiv .home > .category:first-of-type .titles, .s-archives .home > .category:first-of-type .titles, .s-fellowships .home > .category:first-of-type .titles, .s-fellowships-in-music .home > .category:first-of-type .titles, .s-fellowships-in-writing .home > .category:first-of-type .titles { width:100%; } } /* ------------------------------------------------------------------------- */ /*CATEGORY-LEFT FIX*/ /* ------------------------------------------------------------------------- */ .categories-left.screen-nav a{ white-space: normal; display:block; max-width:255px; } .categories-left.screen-nav a.active{ color:#000000; } /* ------------------------------------------------------------------------- */ /*NEWS*/ /* ------------------------------------------------------------------------- */ /*News index 100% width workaround for gradients*/ .news.news-index .news.container{max-width:100%;padding:0;} .news.news-index .news.container .container{padding: 0 40px;} @media all and (max-width:1120px) { .news.news-index .news.container .container{padding: 0 20px;} } /*NEWS LIST ALIGNMENT*/ .news-index .entry .thumbnail{ text-align:right; } /* -------------------------------------------------------------------------- */ /*SOCIAL*/ /* -------------------------------------------------------------------------- */ section#wrapper-social1 .content{ text-align:center; max-width:100%; padding-bottom:0; } section#wrapper-social1 .content a{ text-transform:uppercase; margin-right:15px; font-size:19px; color: #cc0d06; font-family:'ITCFranklinGothicW01-Md_812698'; } section#wrapper-instagram{ margin-bottom:100px; } /* -------------------------------------------------------------------------- */ /*OPTION*/ /* -------------------------------------------------------------------------- */ section#option{ display:none; } /* -------------------------------------------------------------------------- */ /*CUSTOM BGCOLOR*/ /* -------------------------------------------------------------------------- */ h1 .custom-bgcolor{ background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0px, rgba(0,0,0,0.00) 5%, rgba(0,0,0,0.50) 5%, rgba(0,0,0,0.50) 91%, rgba(0,0,0,0.00) 91%, rgba(0,0,0,0.00) 100%); padding-left: .8rem; padding-right: .8rem; box-decoration-break: clone; -webkit-box-decoration-break: clone; } h2 .custom-bgcolor, h3 .custom-bgcolor{ background-color:rgba(0,0,0,.5); /*background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0px, rgba(0,0,0,0.00) 5%, rgba(0,0,0,0.50) 5%, rgba(0,0,0,0.50) 91%, rgba(0,0,0,0.00) 91%, rgba(0,0,0,0.00) 100%);*/ padding: 5px 15px 5px 12px; box-decoration-break: clone; -webkit-box-decoration-break: clone; line-height:1.8; } h3 .custom-bgcolor{ padding-right:12px; } h1 .custom-no-bgcolor{ background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0px, rgba(0,0,0,0.00) 5%, rgba(0,0,0,0) 5%, rgba(0,0,0,0) 91%, rgba(0,0,0,0.00) 91%, rgba(0,0,0,0.00) 100%); padding-left: 0; padding-right: .8rem; box-decoration-break: clone; -webkit-box-decoration-break: clone; } h2 .custom-no-bgcolor, h3 .custom-no-bgcolor{ background-color:rgba(0,0,0,0); /*background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0px, rgba(0,0,0,0.00) 5%, rgba(0,0,0,0.50) 5%, rgba(0,0,0,0.50) 91%, rgba(0,0,0,0.00) 91%, rgba(0,0,0,0.00) 100%);*/ padding: 5px 15px 5px 12px; box-decoration-break: clone; -webkit-box-decoration-break: clone; line-height:1.8; } h2 .custom-no-bgcolor{ padding-left:0; } h3 .custom-no-bgcolor{ padding-right:12px; } #wrapper-banner-info .image-description p .custom-bgcolor{ background-color:rgba(0,0,0,.5); /*background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0px, rgba(0,0,0,0.00) 5%, rgba(0,0,0,0.50) 5%, rgba(0,0,0,0.50) 91%, rgba(0,0,0,0.00) 91%, rgba(0,0,0,0.00) 100%);*/ padding: 5px 15px 5px 12px; box-decoration-break: clone; -webkit-box-decoration-break: clone; line-height:1.99; font-size:14px!important; } /* -------------------------------------------------------------------------- */ /*STRETCH THUMBNAILS*/ /* -------------------------------------------------------------------------- */ .grid.fitted.thumbnails .placeholder .image img{ object-fit:contain; width:100%; height:100%; outline:none; } .associations .custom-grid-exhibitions img{ width:100%; } /* -------------------------------------------------------------------------- */ /*THUMBNAILS*/ /* -------------------------------------------------------------------------- */ .grid.fitted.thumbnails .entry.ajax{ padding-bottom:0; } .grid.fitted.thumbnails .entry.ajax:last-of-type{ padding-bottom:70px; } .thumbnail-caption { height: auto; margin-bottom: 30px } /* -------------------------------------------------------------------------- */ /*BANNER IMAGE CONTAINE TEXT FIX*/ /* -------------------------------------------------------------------------- */ .text-one-column-with-image.banner-image > .container .container, .text-or-image-two-columns.banner-image > .container .container { padding: 0 40px; } @media all and (max-width:1120px) { .text-one-column-with-image.banner-image > .container .container, .text-or-image-two-columns.banner-image > .container .container { padding: 0 20px; } } /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* BASE CSS ---------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ @font-face{ font-family:"ITC Franklin Gothic LT W01BkIt"; src:url("about:blank?#iefix"); src:url("about:blank?#iefix") format("eot"),url("about:blank") format("woff2"),url("about:blank") format("woff"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/604ff958bec27e4e7f684922/4be04772-5db4-49da-8797-714e732e6142.ttf") format("truetype"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/604ff958bec27e4e7f684922/01f820f1-3aa6-45c4-9847-95511a2eeb7a.svg#01f820f1-3aa6-45c4-9847-95511a2eeb7a") format("svg"); } @font-face{ font-family:"ITC Franklin Gothic LT W01MdIt"; src:url("about:blank?#iefix"); src:url("about:blank?#iefix") format("eot"),url("about:blank") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/604ff958bec27e4e7f684922/08b3aaac-ce6f-4c6c-b048-ff56b9ec91cb.woff") format("woff"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/604ff958bec27e4e7f684922/4e63f5b8-923f-4ff7-b051-9aa09a5be0ec.ttf") format("truetype"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/604ff958bec27e4e7f684922/6b956995-7b69-4fdc-8295-017e77400566.svg#6b956995-7b69-4fdc-8295-017e77400566") format("svg"); } @font-face{ font-family:"ITCFranklinGothicW01-Bk_812647"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/604ff958bec27e4e7f684922/03dda592-ab39-4f26-9535-fdea194854cf.eot?#iefix"); src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/604ff958bec27e4e7f684922/03dda592-ab39-4f26-9535-fdea194854cf.eot?#iefix") format("eot"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/604ff958bec27e4e7f684922/84083fa0-6a9d-40f7-806f-63add8cde800.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/604ff958bec27e4e7f684922/41c174b1-68c1-41b7-a19f-5ec80929b115.woff") format("woff"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/604ff958bec27e4e7f684922/06d99598-12aa-461b-b57e-81a137da1b9f.ttf") format("truetype"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/604ff958bec27e4e7f684922/427cca04-e0ee-4395-a5d3-b7d45feeff62.svg#427cca04-e0ee-4395-a5d3-b7d45feeff62") format("svg"); } @font-face{ font-family:"ITCFranklinGothicW01-Md_812695"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/604ff958bec27e4e7f684922/905c1a7c-f018-4815-b4a9-6bd6f4c7e768.eot?#iefix"); src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/604ff958bec27e4e7f684922/905c1a7c-f018-4815-b4a9-6bd6f4c7e768.eot?#iefix") format("eot"),url("about:blank") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/604ff958bec27e4e7f684922/10ab5970-5726-4843-82b1-912faa9307ff.woff") format("woff"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/604ff958bec27e4e7f684922/70a26d03-0393-410a-a98c-e35dc876c3cb.ttf") format("truetype"),url("about:blank#edb011f7-44ad-4c0d-b81a-c97c3ad6be6f") format("svg"); } @font-face{ font-family:"ITCFranklinGothicW01-Bk_812656"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/604ff958bec27e4e7f684922/25b07660-96a5-4eed-bcfd-fc4f0e97098a.eot?#iefix"); src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/604ff958bec27e4e7f684922/25b07660-96a5-4eed-bcfd-fc4f0e97098a.eot?#iefix") format("eot"),url("about:blank") format("woff2"),url("about:blank") format("woff"),url("about:blank") format("truetype"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/604ff958bec27e4e7f684922/3b330c74-12e3-423e-9785-d817a41a9a24.svg#3b330c74-12e3-423e-9785-d817a41a9a24") format("svg"); } @font-face{ font-family:"ITCFranklinGothicW01-Md_812698"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/604ff958bec27e4e7f684922/7762c169-a387-4399-b8a3-d43373d60c3e.eot?#iefix"); src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/604ff958bec27e4e7f684922/7762c169-a387-4399-b8a3-d43373d60c3e.eot?#iefix") format("eot"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/604ff958bec27e4e7f684922/aae7ddaa-d276-4474-8194-84f9bf29eabe.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/604ff958bec27e4e7f684922/060031a3-ab11-4f91-9dd4-6b39458f5109.woff") format("woff"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/604ff958bec27e4e7f684922/9920e0c0-07ac-4a1b-befd-fa76960969b8.ttf") format("truetype"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/604ff958bec27e4e7f684922/52fb29fb-5147-4a42-b308-e24daf6ec3b6.svg#52fb29fb-5147-4a42-b308-e24daf6ec3b6") format("svg"); } body{ font-family: 'ITCFranklinGothicW01-Bk_812647'; font-size:14px; /*re-declare fix*/ font: 14px 'ITCFranklinGothicW01-Bk_812647', sans-serif; line-height:normal; /*keep normal*/ } b, strong{ /*bold*/ font-family: 'ITCFranklinGothicW01-Md_812695'; font-weight:normal; } i, em{ /*italic*/ font-family:'ITC Franklin Gothic LT W01BkIt'; font-style:normal; } strong > em, b > em, strong > i, b > i, em > strong, em > b, i > strong, i > b{ /*bold-italic*/ font-family:'ITC Franklin Gothic LT W01MdIt'; font-style:normal; } /* ------------------------------------------------------- */ /* PARAGRAPHS (BROWN) */ /* ------------------------------------------------------- */ p,.paragraph-styling p{ font-size:14px; line-height:1.8; /*box-shadow: inset 0 0 0 1px #993300;*/ } .paragraph-styling p{ margin-bottom:2em; } /* --------------------------------------------------------- */ /*CUSTOM HEADER PARAGRAPH SEE JS*/ /* --------------------------------------------------------- */ p.custom-header-paragraph{ margin-bottom:.8em !important; color:#000000; font-family:'ITCFranklinGothicW01-Md_812698'; font-size:24px; text-transform:uppercase; line-height:normal; /*padding-top:15px;*/ } p.custom-header-paragraph:first-of-type{ padding-top:0 !important; } p.custom-header-paragraph-2{ margin-bottom:.8em !important; color:#000000; font-family:'ITCFranklinGothicW01-Md_812698'; font-size:24px; text-transform:uppercase; line-height:normal; /*padding-top:15px;*/ text-transform:initial; font-size:45px; font-family:'ITCFranklinGothicW01-Bk_812647'; line-height:1.4; } p.custom-header-paragraph-2:first-of-type{ padding-top:0 !important; } /* --------------------------------------------------------- */ /*CUSTOM BULLETS SEE JS*/ /* --------------------------------------------------------- */ p.custom-bullet{ text-indent:-16px; padding-left:16px; margin-bottom:.5em; } p.custom-bullet:before { content: "● "; color: #000000; padding-right:2px; /*font-weight:bold;*/ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } 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:#000000 !important;} a:hover .list-detail-title{ color:#ffffff !important;} /* --------------------------------------------------------- */ /*SELECTION COLOR*/ /* --------------------------------------------------------- */ ::selection {color:#ffffff;background:#000000;} ::-moz-selection {color:#ffffff;background:#000000;} .lightOnDarkText {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .forceDefaultOSX{-webkit-font-smoothing: subpixel-antialiased;} /* --------------------------------------------------------- */ /* IMAGE BORDERS*/ /* --------------------------------------------------------- */ /*#overlay figure img,*/ /*.image img,*/ /*.slider img{outline-color:rgba(128,128,128,.05); outline-width:1px; outline-style:solid; outline-offset:-1px;}*/ /* ------------------------------------------------------- */ /* ZERO OUT GRID SPACING */ /* ------------------------------------------------------- */ .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 THUMBNAILS */ /* ------------------------------------------------------- */ .placeholder, .thumb, .homepage.banner img { margin-bottom:15px !important; } /* ------------------------------------------------------- */ /*ADDITIONAL FILES*/ /* ------------------------------------------------------- */ .links.in-text.additional-files{ margin-top:0; } /* ------------------------------------------------------- */ /* MAIN-HEADER */ /* ------------------------------------------------------- */ header.main-header.fixed > .container, .main-header.homepage .container { max-width:100%; } .main-header:not(.homepage) { background-image: linear-gradient(-180deg, #FCFCFC 0%, #FFFFFF 65%, rgba(255,255,255,0.92) 100%); box-shadow: 0px 40px 40px 0px rgba(0,0,0,0.05); } .main-header{ /*text-transform:unset;*/ padding: 35px 0; padding-bottom: 30px; font-family:'ITCFranklinGothicW01-Md_812698'; margin-bottom:60px; } .main-header nav, .main-header .logo span, .main-header nav a{ font-size:19px; letter-spacing:0; } .main-header nav { line-height: normal; } .main-header nav .menu-group, .main-header nav a { margin-left: 16px } .main-header nav.main .menu-group:hover>div { padding: 0 35px 20px 35px; margin-left: -35px; background-color: #fff; } .main-header nav.main .menu-group:nth-last-of-type(2):hover>div, .main-header nav.main .menu-group:last-of-type:hover>div { padding: 0 35px 20px 35px; margin-right: -35px; background-color: #fff; left:unset; right:0; text-align:right; } .main-header.homepage nav.main .menu-group:nth-last-of-type(2):hover>div, .main-header.homepage nav.main .menu-group:last-of-type:hover>div, .main-header.homepage nav .menu-group:hover>div{ background-color: transparent; } .menu-group a{ margin-bottom:10px; } .main-header .logo span{ color:#000000; } /* ------------------------------------------------------- */ /* DETAIL TITLES */ /* ------------------------------------------------------- */ .list-detail-title, .detail-title { display:none; -webkit-font-smoothing: subpixel-antialiased; font-family:'ITCFranklinGothicW01-Md_812698'; color:#ffffff; background-color:#000000; font-size:11px; text-transform:uppercase; margin:0 0 10px 0; padding:2px 4px 2px 4px; line-height: 1; } .exhibitions.home .list-detail-title, .custom-grid-exhibitions .list-detail-title, .s-exhibitions.detail-page .detail-title, .s-exhibitions-gpfg.detail-page .detail-title, .s-gallery-fair-presentations.detail-page .detail-title{ display:inline-block; } /* ------------------------------------------------------- */ /* 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*/ .associations .title, /*associated-grid*/ .associations .news h1, /*associated-news-list*/ .item-header h1, /*detail-page*/ .caption h1 /*hpomepage*/{ font-family:'ITCFranklinGothicW01-Md_812698'; font-size:24px; color:#000000; text-transform:uppercase; padding:0 0 10px 0 !important; margin: 0 0 0 0; line-height:normal; /*box-shadow: inset 0 0 0 1px #0000ff;*/ } .exhibitions #large h1 /*exhibitions-grid*/{font-size:30px;} .item-header h1 /*detail-page*/{font-size:40px;} .caption h1 /*hpomepage*/{font-size:70px;line-height:1;} @media all and (max-width:800px) { .caption h1 /*hpomepage*/{font-size:50px;} } @media all and (max-width:614px) { .caption h1 /*hpomepage*/{font-size:40px;} } /* ------------------------------------------------------- */ /* 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*/ .caption h2 /*hpomepage*/{ font-size:16px; font-family:'ITCFranklinGothicW01-Md_812698'; color:#000000; text-transform:uppercase; padding:0 0 12px 0 !important; margin: 0 0 0 0; line-height:normal; /*box-shadow: inset 0 0 0 1px #ff0000;*/ } /* ------------------------------------------------------- */ /* 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*/ .caption h2.subtitle2 /*hpomepage*/{ font-family:'ITCFranklinGothicW01-Md_812698'; font-size:16px; color:#000000; text-transform:uppercase; padding:0 0 12px 0 !important; margin: 0 0 0 0; line-height:normal; /*box-shadow: inset 0 0 0 1px #ff0000;*/ } /* ------------------------------------------------------- */ /* 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*/ .caption h3 /*hpomepage*/{ font-family:'ITCFranklinGothicW01-Md_812698'; font-size:16px; color:#000000; text-transform:uppercase; padding:0 0 12px 0 !important; margin: 0 0 0 0; line-height:normal; /*box-shadow: inset 0 0 0 1px #00ff00;*/ } .caption h3 p{ /*hpomepage h3 p*/ font-size:16px; } /* ------------------------------------------------------- */ /* H4 SUBHEADER */ /* ------------------------------------------------------- */ header h1, header h4 { font-family:'ITCFranklinGothicW01-Md_812698'; font-size:24px; color:#000000; text-transform:uppercase; padding:0 0 10px 0; margin: 0 0 0 0; line-height:normal; /*box-shadow: inset 0 0 0 1px #ffff00;*/ } /* ------------------------------------------------------- */ /* SUBNAV */ /* ------------------------------------------------------- */ .screen-nav a, .slider-features a, .section-header a, .private nav a { font-family:'ITCFranklinGothicW01-Md_812698'; font-size:16px; text-transform:uppercase; padding-top:0; padding-bottom:10px; margin-top: 0; margin-bottom: 0; display:inline-block; line-height:normal; /*box-shadow: inset 0 0 0 1px #00ffff;*/ } /* --------------------------------------------------------- */ /* LINKS */ /* --------------------------------------------------------- */ .links.in-text a, .links .file a, .details .links a, .content .links a, .entry .links a, .view-link { font-family:'ITCFranklinGothicW01-Md_812698'; font-size:16px; text-transform:uppercase; padding:0 0 10px 0; margin: 0 0 0 0; line-height:normal; display:block; /*box-shadow: inset 0 0 0 1px #800080;*/ } .entry .links { margin-top: 2px } /* --------------------------------------------------------- */ /* CAPTIONS */ /* --------------------------------------------------------- */ .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:15px; /*box-shadow: inset 0 0 0 1px #FFA500;*/ } /* --------------------------------------------------------- */ /* 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*/ /* --------------------------------------------------------- */ footer .container{ max-width:1300px !important; } footer span.container{ position:relative; } footer .footer-social{ position:absolute; right:40px; } footer{ background-color:#222222 !important; color:#ffffff !important; font-size: 12px !important; /*text-transform:uppercase !important;*/ padding-top: 70px !important; padding-bottom: 50px !important; } footer p{ line-height:2 !important; font-size: 12px !important; margin-bottom:2em; } footer a {color:#bbbbbb !important;} footer a:hover {color:#ffffff !important;} .footer-cols{ width:100% !important; padding-right:0 !important; } .footer-col1, .footer-col2, .footer-col3{ max-width: 600px; /*padding-right:2.9%;*/ } /*.footer-col4{*/ /* width:22.7%;*/ /* padding-right:0 !important;*/ /*}*/ /*@media all and (max-width:480px) {*/ /* .footer-col1, .footer-col2, .footer-col3{*/ /* padding-right:0;*/ /* }*/ /* .footer-col1, .footer-col2, .footer-col3{*/ /* margin-bottom:30px;*/ /* }*/ /*}*/ /*Social footer*/ footer .footer-social { text-align: left; float: none; margin-bottom:5px; } footer .footer-social img { max-height: 21px } footer .footer-social > a:last-of-type{ display:block; margin-top:15px; margin-left:-5px; } @media all and (max-width:800px) { footer .footer-social{ position:relative; right:unset; /*margin-left:-5px;*/ margin-bottom:30px!important; } .footer-col1{ margin-bottom:10px; } footer .footer-social > a:last-of-type{ margin-left:0; } } /* --------------------------------------------------------- */ /* SLIDESHOW XL - SEE JS */ /* --------------------------------------------------------- */ .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;*/ } .slider .bx-wrapper:first-of-type .slide{ width:100% !important; /*box-shadow: inset 0 0 0 1px #ff0000;*/ } /* --------------------------------------------------------- */ /* SLIDESHOWS */ /* --------------------------------------------------------- */ /* Slideshow Thumbnail grid view background */ .fitted .placeholder{ background-color:none; background-image: linear-gradient(-180deg, #F8F8F8 3%, #F5F5F5 100%); } /* Slideshow bottom spacing*/ .slider {padding-bottom: 50px} /* 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%;} /*spacing*/ .slider .bx-viewport{ margin-bottom:50px; } /*NAV SLIDER FEATURES IMG THUMBNAIL LINKS*/ .slider-features{ text-align: left; width: 100%; display: flex; justify-content: space-between; margin-top:20px; } /* --------------------------------------------------------- */ /* 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 */ /* --------------------------------------------------------- */ /*1px shift*/ .dropdown > .divider{left: -1px;} /*border colors and top/bottom padding*/ .dropdown-root .divider{ border-color:#888888; padding: 3px 0;} .dropdown-root .divider > .divider { padding: 10px 0;} /*new background image arrow*/ .dropdown:after { content: " "; position: absolute; height: 95%; width: 15px; top: 0; right: 10px; background: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/604ff958bec27e4e7f684922/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: normal; padding: 4px 4px 4px 10px; margin: 0; /*EDIT FONT STYLING*/ font-size: 16px !important; } /*view all link spacing styling*/ .filter-items .association-filter {margin-right: 20px;} .filter-clear{ white-space: nowrap; /*EDIT FONT STYLING*/ font-size: 16px !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/604ff958bec27e4e7f684922/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; } } /* -------------------------------------------------------------------------- */ /* 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; } [id*='screen-content-a'] .text-one-column-with-image.no-image .text .container:has(iframe){ max-width:100%; } /* -------------------------------------- */ /* 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: 550px; 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: 63%; /*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: 37%; /*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:5%; /*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:5%; /*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%;*/ max-width:1300px; } [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;*/ font-family: 'ITCFranklinGothicW01-Md_812698'; font-size: 24px; color: #000000; text-transform: uppercase; } [id*='screen-content-a'][data-slideshow-view] .slideshow-headline h1 + .abs-thumbs { padding-top:27px; } /* -------------------------------------- */ /* 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);*/ padding-top:calc(90vh - 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);*/ padding-top:calc(90vh - 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; padding-bottom:60px; } .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); } } /* 3up */ /*@media screen and (min-width: 1025px) {*/ /* .squared[data-width="3"] .thumbnail-container {*/ /* width: calc((100% - 5%) / 3);*/ /* }*/ /*}*/ /* 4up TIS */ /* TIS has no 4-up manager option (Swiper stand-alone does) */ @media screen and (min-width: 1025px) { .squared[data-width="3"] .thumbnail-container:nth-child(3n){ margin-right:2.5%; } .squared[data-width="3"] .thumbnail-container:nth-child(4n){ margin-right:0; } .squared[data-width] .thumbnail-container { width: calc((100% - (3*2.5%)) / 4) } } .squared .thumbnail-container { /*margin-bottom:6%;*/ margin-bottom:2.5%; margin-right:2.5%; } .squared .thumbnail-container .thumbnail-square img { /*max-width: 100%;*/ /*max-height: 100%;*/ max-width: 95%; max-height: 95%; } .squared .thumbnail-container .thumbnail-square{ /*margin-bottom:15px;*/ background-image: linear-gradient(-180deg, #F8F8F8 3%, #F5F5F5 100%); } /* ====================================== */ /* ! 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;*/ /*}*/ .abs-thumbs{ position: relative; display: flex; justify-content: space-between; z-index: 54; } .abs-thumbs a{ font-family: 'ITCFranklinGothicW01-Md_812698'; font-size: 16px; text-transform: uppercase; line-height: normal; } .abs-thumbs .cursor-pointer.tabbable.active{ color:#aaaaaa!important; } /* -------------------------------------- */ /* 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; display:none; } .swiper-container .swiper-slide-caption { max-width: 550px; margin-left: auto; margin-right: auto; } .thumbnail-container .caption-snippet p, .swiper-container .swiper-slide-caption p{ font-size: 10px; line-height: 1.5; } .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: 10px; line-height: 1.5; } /* -------------------------------------- */ /* 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; } /* Swiper video embed fix */ /*.swiper-container .swiper-slide .slide-video-container iframe {*/ /* transform: unset;*/ /* transition: unset;*/ /*}*/ /*SINGLE WORKAROUND*/ .single-slide .swiper-slide:not(.has-nested-slides) .slide-image-container, .single-slide .swiper-slide:not(.has-nested-slides) .slide-video-container { position: relative!important; top: 0!important; transform: none!important; } .single-slide .swiper-slide:not(.has-nested-slides) .slide-content-container{ padding-top: 0!important; max-height:80vh!important; } .single-slide .swiper-slide:not(.has-nested-slides) .slide-content-container img{ max-height:80vh!important; } .single-slide .swiper-slide:not(.has-nested-slides) .slide-video-container > iframe{ height:66vw!important; max-height:80vh!important; width:100%!important; position:relative!important; top:unset!important; left:unset!important; transform:none!important; } .single-slide .swiper-slide:not(.has-nested-slides) .slide-video-container{ text-align: center!important; max-height:80vh!important; } .single-slide .swiper-slide:not(.has-nested-slides) .slide-video-container > div > iframe{ height:100%!important; max-height:80vh!important; width:100%!important; top:0!important; left:0!important; transform:none!important; } /* --------------------------------------------------------- */ /* MOBILE PADDING SPACING */ /* --------------------------------------------------------- */ /* Keep padding*/ footer div.container, .container{padding: 0 40px;} @media all and (max-width:1780px) { footer div.container, .container{padding: 0 40px;} } @media all and (max-width:1120px) { footer div.container, .container{padding: 0 20px;} } @media all and (max-width:1024px) { .container.outside {padding: 0 20px;} } /* Supersize ca3ptions */ @media all and (max-width:320px){ #slidecaption {padding-left: 0px;} } /* Keep 100 width */ @media all and (max-width:800px) { /*.main-header nav.main {padding-top: 25px;}*/ .container{max-width: 100%;} } /* Mobile view top padding */ @media all and (max-width:480px) { .main-header {padding-top: 30px;} } /*keep slideshow padding*/ @media all and (max-width:480px) { .slide figure { padding-top: 53% } } /* --------------------------------------------------------- */ /* --------------------------------------------------------- */ /* --------------------------------------------------------- */ /* --------------------------------------------------------- */ /*MOBILE MENU*/ /*CHANGE COLLAGE DEFAULTS*/ /* --------------------------------- */ /*change from 480px to 1383px*/ @media all and (max-width:1383px) { .main-header.fixed { position: relative } } /* --------------------------------- */ /*change from 800px to 1383px*/ @media all and (max-width:1383px) { .main-header .logo { float: none } .main-header nav.main { text-align: left; padding-top: 15px } .main-header nav.main a { margin-left: 0; margin-right: 25px } } /* --------------------------------- */ /*Change from 480px to 1383px*/ @media all and (max-width:1383px) { .main-header nav.main, .main-header nav.languages { display: none } .mobile-menu-wrapper { position: relative; margin: 9px 0 8px 0; display: block } .main-header nav.mobile { display: inline-block; line-height: 26px } .main-header nav.mobile { text-align: left } nav.mobile .navlinks { padding-top: 10px } nav.mobile .navlinks a { display: block; margin: 0; padding-bottom: 11px; line-height: 100% } .main-header .mobile-languages { display: inline-block; position: static; font-size: 12px; line-height: 26px; position: absolute; right: 0 } .main-header .mobile-languages a { margin-left: 15px; display: inline-block } .mobile-languages a:first-child { margin-left: 0 } div .main-header.fixed { position: fixed } } /* --------------------------------- */ /*Mobile Menu*/ .main-header nav.mobile .menu-group-items { margin-bottom:0px; } /* --------------------------------------------------------- */ /*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 604ff958bec27e4e7f684922\2F ae36cf038f934cf8ad25c490b6e4ded6\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; } .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 604ff958bec27e4e7f684922\2F ae36cf038f934cf8ad25c490b6e4ded6\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 604ff958bec27e4e7f684922\2F ae36cf038f934cf8ad25c490b6e4ded6\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 604ff958bec27e4e7f684922\2F ae36cf038f934cf8ad25c490b6e4ded6\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; } }