.container { max-width: 1600px; } .custom-grid .entry { width: 18%; margin-right: 2.5%; margin-left: 4.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 75.135135135135%; background: inherit; } .custom-grid .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-publications .entry { width: 31.5%; margin-right: 2.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-publications .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-publications .entry .placeholder { padding-top: 75%; background: #f7f7f7; } .custom-grid-publications .entry .placeholder .image img { max-height: 94.708994708995%; max-width: 96.031746031746%; padding: 1.984126984127%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .detail-page .custom-grid-publications .entry { width: 23.125%; margin-right: 2.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-publications .entry:nth-child(4n+4) { margin-right: 0; } .detail-page .custom-grid-publications .entry .placeholder { padding-top: 75.135135135135%; background: #f7f7f7; } .detail-page .custom-grid-publications .entry .placeholder .image img { max-height: 92.805755395683%; max-width: 94.594594594595%; padding: 2.7027027027027%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .custom-grid-news .entry { width: 31.5%; margin-right: 2.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-news .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-news .entry .placeholder { padding-top: 75%; background: inherit; } .custom-grid-news .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .detail-page .custom-grid-news .entry { width: 23.125%; margin-right: 2.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-news .entry:nth-child(4n+4) { margin-right: 0; } .detail-page .custom-grid-news .entry .placeholder { padding-top: 75.135135135135%; background: inherit; } .detail-page .custom-grid-news .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-viewing-room .entry { width: 49%; margin-right: -32%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-viewing-room .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-viewing-room .entry .placeholder { padding-top: 75%; background: inherit; } .custom-grid-viewing-room .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-private-viewing-room .entry { width: 32.8125%; margin-right: 34.375%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-private-viewing-room .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-private-viewing-room .entry .placeholder { padding-top: 74.857142857143%; background: inherit; } .custom-grid-private-viewing-room .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-feed .entry { width: 15.625%; margin-right: 5.46875%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-feed .entry:nth-child(5n+5) { margin-right: 0; } .custom-grid-feed .entry .placeholder { padding-top: 40%; background: inherit; } .custom-grid-feed .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: 30.833333333333%; margin-right: 3.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4) { margin-right: 3.75%; } .custom-grid .entry:nth-child(3n+3) { margin-right: 3.75%; } .custom-grid .entry:nth-child(2n+2) { margin-right: 3.75%; } .custom-grid .entry:nth-child(2n+2) { margin-right: 3.75%; } .custom-grid .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 75.135135135135%; background: inherit; } .custom-grid .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .custom-grid-publications .entry { width: 31.5%; margin-right: 2.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-publications .entry:nth-child(3n+3) { margin-right: 2.75%; } .custom-grid-publications .entry:nth-child(3n+3) { margin-right: 2.75%; } .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 2.75%; } .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 2.75%; } .custom-grid-publications .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-publications .entry .placeholder { padding-top: 75%; background: #f7f7f7; } .custom-grid-publications .entry .placeholder .image img { max-height: 94.708994708995%; max-width: 96.031746031746%; padding: 1.984126984127%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .detail-page .custom-grid-publications .entry { width: 30.833333333333%; margin-right: 3.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-publications .entry:nth-child(4n+4) { margin-right: 3.75%; } .detail-page .custom-grid-publications .entry:nth-child(3n+3) { margin-right: 3.75%; } .detail-page .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 3.75%; } .detail-page .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 3.75%; } .detail-page .custom-grid-publications .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-publications .entry .placeholder { padding-top: 75.135135135135%; background: #f7f7f7; } .detail-page .custom-grid-publications .entry .placeholder .image img { max-height: 92.805755395683%; max-width: 94.594594594595%; padding: 2.7027027027027%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .custom-grid-news .entry { width: 31.5%; margin-right: 2.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-news .entry:nth-child(3n+3) { margin-right: 2.75%; } .custom-grid-news .entry:nth-child(3n+3) { margin-right: 2.75%; } .custom-grid-news .entry:nth-child(2n+2) { margin-right: 2.75%; } .custom-grid-news .entry:nth-child(2n+2) { margin-right: 2.75%; } .custom-grid-news .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-news .entry .placeholder { padding-top: 75%; background: inherit; } .custom-grid-news .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .detail-page .custom-grid-news .entry { width: 30.833333333333%; margin-right: 3.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-news .entry:nth-child(4n+4) { margin-right: 3.75%; } .detail-page .custom-grid-news .entry:nth-child(3n+3) { margin-right: 3.75%; } .detail-page .custom-grid-news .entry:nth-child(2n+2) { margin-right: 3.75%; } .detail-page .custom-grid-news .entry:nth-child(2n+2) { margin-right: 3.75%; } .detail-page .custom-grid-news .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-news .entry .placeholder { padding-top: 75.135135135135%; background: inherit; } .detail-page .custom-grid-news .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .custom-grid-viewing-room .entry { width: 65.333333333333%; margin-right: -48%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-viewing-room .entry:nth-child(4n+4) { margin-right: -48%; } .custom-grid-viewing-room .entry:nth-child(3n+3) { margin-right: -48%; } .custom-grid-viewing-room .entry:nth-child(2n+2) { margin-right: -48%; } .custom-grid-viewing-room .entry:nth-child(2n+2) { margin-right: -48%; } .custom-grid-viewing-room .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-viewing-room .entry .placeholder { padding-top: 75%; background: inherit; } .custom-grid-viewing-room .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .custom-grid-private-viewing-room .entry { width: 32.8125%; margin-right: 34.375%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-private-viewing-room .entry:nth-child(2n+2) { margin-right: 34.375%; } .custom-grid-private-viewing-room .entry:nth-child(2n+2) { margin-right: 34.375%; } .custom-grid-private-viewing-room .entry:nth-child(1n+1) { margin-right: 34.375%; } .custom-grid-private-viewing-room .entry:nth-child(1n+1) { margin-right: 34.375%; } .custom-grid-private-viewing-room .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-private-viewing-room .entry .placeholder { padding-top: 74.857142857143%; background: inherit; } .custom-grid-private-viewing-room .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .custom-grid-feed .entry { width: 15.625%; margin-right: 5.46875%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-feed .entry:nth-child(5n+5) { margin-right: 5.46875%; } .custom-grid-feed .entry:nth-child(5n+5) { margin-right: 5.46875%; } .custom-grid-feed .entry:nth-child(5n+5) { margin-right: 5.46875%; } .custom-grid-feed .entry:nth-child(5n+5) { margin-right: 5.46875%; } .custom-grid-feed .entry:nth-child(5n+5) { margin-right: 0; } .custom-grid-feed .entry .placeholder { padding-top: 40%; background: inherit; } .custom-grid-feed .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: 46.25%; margin-right: 7.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4) { margin-right: 7.5%; } .custom-grid .entry:nth-child(3n+3) { margin-right: 7.5%; } .custom-grid .entry:nth-child(2n+2) { margin-right: 7.5%; } .custom-grid .entry:nth-child(2n+2) { margin-right: 7.5%; } .custom-grid .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 75.135135135135%; background: inherit; } .custom-grid .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid-publications .entry { width: 47.25%; margin-right: 5.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-publications .entry:nth-child(3n+3) { margin-right: 5.5%; } .custom-grid-publications .entry:nth-child(3n+3) { margin-right: 5.5%; } .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 5.5%; } .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 5.5%; } .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-publications .entry .placeholder { padding-top: 75%; background: #f7f7f7; } .custom-grid-publications .entry .placeholder .image img { max-height: 94.708994708995%; max-width: 96.031746031746%; padding: 1.984126984127%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .detail-page .custom-grid-publications .entry { width: 46.25%; margin-right: 7.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-publications .entry:nth-child(4n+4) { margin-right: 7.5%; } .detail-page .custom-grid-publications .entry:nth-child(3n+3) { margin-right: 7.5%; } .detail-page .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 7.5%; } .detail-page .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 7.5%; } .detail-page .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-publications .entry .placeholder { padding-top: 75.135135135135%; background: #f7f7f7; } .detail-page .custom-grid-publications .entry .placeholder .image img { max-height: 92.805755395683%; max-width: 94.594594594595%; padding: 2.7027027027027%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid-news .entry { width: 47.25%; margin-right: 5.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-news .entry:nth-child(3n+3) { margin-right: 5.5%; } .custom-grid-news .entry:nth-child(3n+3) { margin-right: 5.5%; } .custom-grid-news .entry:nth-child(2n+2) { margin-right: 5.5%; } .custom-grid-news .entry:nth-child(2n+2) { margin-right: 5.5%; } .custom-grid-news .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-news .entry .placeholder { padding-top: 75%; background: inherit; } .custom-grid-news .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .detail-page .custom-grid-news .entry { width: 46.25%; margin-right: 7.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-news .entry:nth-child(4n+4) { margin-right: 7.5%; } .detail-page .custom-grid-news .entry:nth-child(3n+3) { margin-right: 7.5%; } .detail-page .custom-grid-news .entry:nth-child(2n+2) { margin-right: 7.5%; } .detail-page .custom-grid-news .entry:nth-child(2n+2) { margin-right: 7.5%; } .detail-page .custom-grid-news .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-news .entry .placeholder { padding-top: 75.135135135135%; background: inherit; } .detail-page .custom-grid-news .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid-viewing-room .entry { width: 98%; margin-right: -96%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-viewing-room .entry:nth-child(4n+4) { margin-right: -96%; } .custom-grid-viewing-room .entry:nth-child(3n+3) { margin-right: -96%; } .custom-grid-viewing-room .entry:nth-child(2n+2) { margin-right: -96%; } .custom-grid-viewing-room .entry:nth-child(2n+2) { margin-right: -96%; } .custom-grid-viewing-room .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-viewing-room .entry .placeholder { padding-top: 75%; background: inherit; } .custom-grid-viewing-room .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid-private-viewing-room .entry { width: 100%; margin-right: 0%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-private-viewing-room .entry:nth-child(2n+2) { margin-right: 0%; } .custom-grid-private-viewing-room .entry:nth-child(2n+2) { margin-right: 0%; } .custom-grid-private-viewing-room .entry:nth-child(1n+1) { margin-right: 0%; } .custom-grid-private-viewing-room .entry:nth-child(1n+1) { margin-right: 0%; } .custom-grid-private-viewing-room .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-private-viewing-room .entry .placeholder { padding-top: 74.857142857143%; background: inherit; } .custom-grid-private-viewing-room .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid-feed .entry { width: 15.625%; margin-right: 5.46875%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-feed .entry:nth-child(5n+5) { margin-right: 5.46875%; } .custom-grid-feed .entry:nth-child(5n+5) { margin-right: 5.46875%; } .custom-grid-feed .entry:nth-child(5n+5) { margin-right: 5.46875%; } .custom-grid-feed .entry:nth-child(5n+5) { margin-right: 5.46875%; } .custom-grid-feed .entry:nth-child(5n+5) { margin-right: 0; } .custom-grid-feed .entry .placeholder { padding-top: 40%; background: inherit; } .custom-grid-feed .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid .entry { width: 46.25%; margin-right: 7.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4) { margin-right: 7.5%; } .custom-grid .entry:nth-child(3n+3) { margin-right: 7.5%; } .custom-grid .entry:nth-child(2n+2) { margin-right: 7.5%; } .custom-grid .entry:nth-child(2n+2) { margin-right: 7.5%; } .custom-grid .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 75.135135135135%; background: inherit; } .custom-grid .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid-publications .entry { width: 47.25%; margin-right: 5.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-publications .entry:nth-child(3n+3) { margin-right: 5.5%; } .custom-grid-publications .entry:nth-child(3n+3) { margin-right: 5.5%; } .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 5.5%; } .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 5.5%; } .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-publications .entry .placeholder { padding-top: 75%; background: #f7f7f7; } .custom-grid-publications .entry .placeholder .image img { max-height: 94.708994708995%; max-width: 96.031746031746%; padding: 1.984126984127%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .detail-page .custom-grid-publications .entry { width: 46.25%; margin-right: 7.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-publications .entry:nth-child(4n+4) { margin-right: 7.5%; } .detail-page .custom-grid-publications .entry:nth-child(3n+3) { margin-right: 7.5%; } .detail-page .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 7.5%; } .detail-page .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 7.5%; } .detail-page .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-publications .entry .placeholder { padding-top: 75.135135135135%; background: #f7f7f7; } .detail-page .custom-grid-publications .entry .placeholder .image img { max-height: 92.805755395683%; max-width: 94.594594594595%; padding: 2.7027027027027%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid-news .entry { width: 47.25%; margin-right: 5.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-news .entry:nth-child(3n+3) { margin-right: 5.5%; } .custom-grid-news .entry:nth-child(3n+3) { margin-right: 5.5%; } .custom-grid-news .entry:nth-child(2n+2) { margin-right: 5.5%; } .custom-grid-news .entry:nth-child(2n+2) { margin-right: 5.5%; } .custom-grid-news .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-news .entry .placeholder { padding-top: 75%; background: inherit; } .custom-grid-news .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .detail-page .custom-grid-news .entry { width: 46.25%; margin-right: 7.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-news .entry:nth-child(4n+4) { margin-right: 7.5%; } .detail-page .custom-grid-news .entry:nth-child(3n+3) { margin-right: 7.5%; } .detail-page .custom-grid-news .entry:nth-child(2n+2) { margin-right: 7.5%; } .detail-page .custom-grid-news .entry:nth-child(2n+2) { margin-right: 7.5%; } .detail-page .custom-grid-news .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-news .entry .placeholder { padding-top: 75.135135135135%; background: inherit; } .detail-page .custom-grid-news .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid-viewing-room .entry { width: 98%; margin-right: -96%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-viewing-room .entry:nth-child(4n+4) { margin-right: -96%; } .custom-grid-viewing-room .entry:nth-child(3n+3) { margin-right: -96%; } .custom-grid-viewing-room .entry:nth-child(2n+2) { margin-right: -96%; } .custom-grid-viewing-room .entry:nth-child(2n+2) { margin-right: -96%; } .custom-grid-viewing-room .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-viewing-room .entry .placeholder { padding-top: 75%; background: inherit; } .custom-grid-viewing-room .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid-private-viewing-room .entry { width: 100%; margin-right: 0%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-private-viewing-room .entry:nth-child(2n+2) { margin-right: 0%; } .custom-grid-private-viewing-room .entry:nth-child(2n+2) { margin-right: 0%; } .custom-grid-private-viewing-room .entry:nth-child(1n+1) { margin-right: 0%; } .custom-grid-private-viewing-room .entry:nth-child(1n+1) { margin-right: 0%; } .custom-grid-private-viewing-room .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-private-viewing-room .entry .placeholder { padding-top: 74.857142857143%; background: inherit; } .custom-grid-private-viewing-room .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid-feed .entry { width: 15.625%; margin-right: 5.46875%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-feed .entry:nth-child(5n+5) { margin-right: 5.46875%; } .custom-grid-feed .entry:nth-child(5n+5) { margin-right: 5.46875%; } .custom-grid-feed .entry:nth-child(5n+5) { margin-right: 5.46875%; } .custom-grid-feed .entry:nth-child(5n+5) { margin-right: 5.46875%; } .custom-grid-feed .entry:nth-child(5n+5) { margin-right: 0; } .custom-grid-feed .entry .placeholder { padding-top: 40%; background: inherit; } .custom-grid-feed .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } /* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* -------------------------------------------------------------------------- */ /* GLOBAL CSS */ /* -------------------------------------------------------------------------- */ /* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* -------------------------------------------------------------------------- */ /* FONTS */ /* -------------------------------------------------------------------------- */ /* @import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=2366a7b3-34f8-4385-b98f-528b1a065c98"); */ /* -------------------------------------- */ /* FUTURA NOW TEXT */ /* -------------------------------------- */ /* 100 - THIN (HAIRLINE) */ /* -------------------------------------- */ /* 200 - EXTRA LIGHT (ULTRA LIGHT) */ /* -------------------------------------- */ /* 300 - LIGHT */ /* -------------------------------------- */ /* 400 - NORMAL (REGULAR) */ @font-face { /*font-family:"Futura Now Text W01 Regular";*/ font-family: "Futura Now Text"; src: url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/63692af4d0d707561d062132/3950a20b-f8db-4575-90e1-54949d42f755.woff2") format("woff2"), url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/63692af4d0d707561d062132/8d4ecdec-9501-4858-97da-282b8b5b09b6.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { /*font-family:"Futura Now Text W01 Italic";*/ font-family: "Futura Now Text"; src: url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/63692af4d0d707561d062132/1434b23d-daa8-46cb-8e6d-3a49aa15a204.woff2") format("woff2"), url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/63692af4d0d707561d062132/e3a1996c-8960-4294-adf0-b5d836e853e5.woff") format("woff"); font-weight: 400; font-style: italic; } /* -------------------------------------- */ /* 500 - MEDIUM */ @font-face { /*font-family:"Futura Now Text W01 Medium";*/ font-family: "Futura Now Text"; src: url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/63692af4d0d707561d062132/ad3cbc5c-e0d0-4207-9653-61f550fa0987.woff2") format("woff2"), url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/63692af4d0d707561d062132/25a8bdd9-426d-4a2d-a0b8-dfc665673b4b.woff") format("woff"); font-weight: 500; font-style: normal; } @font-face { /*font-family:"Futura Now Text W01 Medium It";*/ font-family: "Futura Now Text"; src: url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/63692af4d0d707561d062132/b19c4e67-1d1e-4453-89de-256cb3eaad44.woff2") format("woff2"), url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/63692af4d0d707561d062132/30c56a38-2bce-45ee-8ded-6683ef8631f1.woff") format("woff"); font-weight: 500; font-style: italic; } /* -------------------------------------- */ /* 600 - SEMIBOLD (DEMIBOLD) */ /* -------------------------------------- */ /* 700 - BOLD */ @font-face { /*font-family:"Futura Now Text W01 Bold";*/ font-family: "Futura Now Text"; src: url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/63692af4d0d707561d062132/db16cfaf-57dc-48e9-a1e3-e0572db15353.woff2") format("woff2"), url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/63692af4d0d707561d062132/2d609a6e-7431-4ef7-9c94-bf235cdbc130.woff") format("woff"); font-weight: 700; font-style: normal; } @font-face { /*font-family:"Futura Now Text W01 Bold Italic";*/ font-family: "Futura Now Text"; src: url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/63692af4d0d707561d062132/9c8d7763-44db-4a33-9ee4-54c7908d624f.woff2") format("woff2"), url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/63692af4d0d707561d062132/6ae003c9-3480-4507-8527-f8c86be698fe.woff") format("woff"); font-weight: 700; font-style: italic; } /* -------------------------------------- */ /* 800 - EXTRA BOLD (ULTRA BOLD) */ /* -------------------------------------- */ /* 900 - BLACK (HEAVY) */ /* -------------------------------------- */ /* 950 / 1000 - EXTRA BLACK (ULTRA BLACK) */ /* -------------------------------------- */ /* -------------------------------------- */ /* FUTURA NOW HEADLINE */ /* -------------------------------------- */ /* 100 - THIN (HAIRLINE) */ /* -------------------------------------- */ /* 200 - EXTRA LIGHT (ULTRA LIGHT) */ /* -------------------------------------- */ /* 300 - LIGHT */ /* -------------------------------------- */ /* 400 - NORMAL (REGULAR) */ @font-face { /*font-family:"Futura Now Headline W01 Regular";*/ font-family: "Futura Now Headline"; src: url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/63692af4d0d707561d062132/91a66b41-dee4-460f-abef-9e1de073c1b9.woff2") format("woff2"), url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/63692af4d0d707561d062132/57e42cef-35a4-4a16-898f-1fd8a4696aa0.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { /*font-family:"Futura Now Headline W01 Italic";*/ font-family: "Futura Now Headline"; src: url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/63692af4d0d707561d062132/802b71a0-e6e9-41af-9135-7d4bc947d63d.woff2") format("woff2"), url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/63692af4d0d707561d062132/a735cbec-e186-4158-9731-ac2f05312899.woff") format("woff"); font-weight: 400; font-style: italic; } /* -------------------------------------- */ /* 500 - MEDIUM */ @font-face { /*font-family:"Futura Now Headline W01 Medium";*/ font-family: "Futura Now Headline"; src: url("Fonts/536a0d73-ffcc-4b15-b33f-728912d347be.woff2.html") format("woff2"), url("Fonts/e1c7a915-006d-4a14-bd1a-95b4431f95d6.woff.html") format("woff"); font-weight: 500; font-style: normal; } @font-face { /*font-family:"Futura Now Headline W01 Md It";*/ font-family: "Futura Now Headline"; src: url("Fonts/b4c2fa33-6fe1-43fd-b93f-e1cdabe99497.woff2.html") format("woff2"), url("Fonts/7ac56011-3645-4688-8e6c-51c9f5cbea84.woff.html") format("woff"); font-weight: 500; font-style: italic; } /* -------------------------------------- */ /* 600 - SEMIBOLD (DEMIBOLD) */ /* -------------------------------------- */ /* 700 - BOLD */ /* -------------------------------------- */ /* 800 - EXTRA BOLD (ULTRA BOLD) */ /* -------------------------------------- */ /* 900 - BLACK (HEAVY) */ /* -------------------------------------- */ /* 950 / 1000 - EXTRA BLACK (ULTRA BLACK) */ /* -------------------------------------- */ /* -------------------------------------- */ /* NEW FONT NAME */ /* -------------------------------------- */ /* 100 - THIN (HAIRLINE) */ /* -------------------------------------- */ /* 200 - EXTRA LIGHT (ULTRA LIGHT) */ /* -------------------------------------- */ /* 300 - LIGHT */ /* -------------------------------------- */ /* 400 - NORMAL (REGULAR) */ /* -------------------------------------- */ /* 500 - MEDIUM */ /* -------------------------------------- */ /* 600 - SEMIBOLD (DEMIBOLD) */ /* -------------------------------------- */ /* 700 - BOLD */ /* -------------------------------------- */ /* 800 - EXTRA BOLD (ULTRA BOLD) */ /* -------------------------------------- */ /* 900 - BLACK (HEAVY) */ /* -------------------------------------- */ /* 950 / 1000 - EXTRA BLACK (ULTRA BLACK) */ /* -------------------------------------- */ /* -------------------------------------------------------------------------- */ /* GENERAL */ /* -------------------------------------------------------------------------- */ HTML, body { font: 14px 'Futura Now Text', sans-serif; /* DO NOT SEPARATE ABOVE STYLE */ font-weight: 400; line-height: 1.8; letter-spacing: 0; background: #ffffff; color: #000000; } b, strong { font-weight: 500; } p, .paragraph-styling p { font-size: inherit; line-height: inherit; } .paragraph-styling p { margin-bottom: 1em; } /* -------------------------------------- */ /* SELECTION COLOR */ /* -------------------------------------- */ /*::selection {color:#ffffff;background:#000000;}*/ /*::-moz-selection {color:#ffffff;background:#000000;}*/ /* -------------------------------------- */ /* LINK COLOR */ /* -------------------------------------- */ a { color: #808080; } a:hover { color: #000000; } /*a:hover h1, a:hover .title{ color:#808080 !important;}*/ /*a:hover h2, a:hover h3, a:hover .subtitle, a:hover .date{ color:#808080 !important;}*/ /* -------------------------------------------------------------------------- */ /* RESETS */ /* -------------------------------------------------------------------------- */ /* ====================================== */ /* MASTER REMOVE EXTRANEOUS SPACING */ /* DO NOT EDIT */ /* ====================================== */ .exhibitions.home .headers, .exhibitions.home .medium .headers, .exhibitions.home .small .headers { padding-top: 0; } .grid { line-height: unset; } .inquireBox img { display: block; } .image img { display: block; } /* ====================================== */ /* MASTER RESET */ /* RESET H1 H2 H3 H4 TITLE SUB DATE */ /* DO NOT EDIT */ /* ====================================== */ h1, h2, h3, h4, .title, .subtitle, .date, .exhibitions h1, .exhibitions .medium h1, .news .list h1, .news h1, .news h2, .news h3, .press .title, .item-header h1, header h1, .news-thumbs.fixed-font .titles, .news-thumbs.fixed-font .title, .news-thumbs.fixed-font .entry .subtitle, .press.home .press-thumbs.fixed-font .titles, .press.home .press-thumbs.fixed-font .title, .entries.fixed-font .titles, .entries.fixed-font .title, .entries.fixed-font .date, .entries.fixed-font .subtitle, .fixed-font .entries .date { /* DO NOT EDIT */ font-size: inherit; line-height: inherit; text-transform: initial; letter-spacing: inherit; color: #000000; padding: 0 0 0 0; /* DO NOT CHANGE PADDING - MOBILE WILL OVEWRITE */ margin: 0 0 0 0; } /* ====================================== */ /* MASTER RESET LINKS A LINE-HEIGHTS */ /* DO NOT EDIT */ /* ====================================== */ .links a, .links a:last-of-type { /* DO NOT EDIT */ line-height: inherit; } /* ====================================== */ /* MASTER RESET FIGCAPTIONS */ /* DO NOT EDIT */ /* ====================================== */ .thumbnail-caption p, figcaption h1, figcaption h2, figcaption p, .slide figcaption, .slide figcaption p, .slide figcaption p.image-title { font-size: inherit; line-height: inherit; margin-top: 0; margin-bottom: 0; } /* -------------------------------------- */ /* CAPTIONS (NOT FIGCAPTIONS) */ /* -------------------------------------- */ .caption .description, .caption h1, .caption h2, .caption h3, .caption-snippet p, .caption p, .image .caption p { color: #000000; font-size: .81rem; line-height: 1.5; margin-top: 0; margin-bottom: 0; } .caption, .text-one-column-with-image.banner-image .caption { margin-top: 10px; } /* -------------------------------------- */ /* SUMMARY */ /* -------------------------------------- */ .summary { margin-top: 1em; } /* -------------------------------------------------------------------------- */ /* MASTER-CONFIG */ /* -------------------------------------------------------------------------- */ /* ====================================== */ /* MASTER-CONFIG GRIDS */ /* ====================================== */ .placeholder, .thumb { margin-bottom: 10px !important; } .grid-container .title, .grid-container .entries .title, .exhibitions .headers h1 { font-family: "Futura Now Headline"; font-size: 20px; line-height: 1.39; margin-bottom: 5px; } .grid-container .subtitle:not(.subtitle2), .exhibitions .headers h2:not(.subtitle2) { font-family: "Futura Now Headline"; font-size: 16px; font-style: italic; line-height: 1.4; margin-bottom: 5px; } .grid-container .subtitle2, .exhibitions .headers h2.subtitle2 { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .grid-container .date, .exhibitions .headers h3 { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .grid-container .additional-text, .exhibitions .headers .additional-text { color: #000000; padding-top: 0; /*font-size:inherit;*/ /*line-height:inherit;*/ } /* ====================================== */ /* MASTER-CONFIG SECTION HEADERS */ /* ====================================== */ .section-header.divider { border-color: #f0f0f0; } .section-header .switch a, .slideshow-headline h1, .section-header h4, .section-header:not(.page-header) h1 { font-size: 13px; text-transform: uppercase; /*line-height:inherit;*/ } /* ====================================== */ /* MASTER-CONFIG DETAIL PAGE HEADERS */ /* ====================================== */ .detail-page .page-header .item-header h1 { font-family: "Futura Now Headline"; font-size: 40px; line-height: 1.3; margin-bottom: 8px; } .detail-page .page-header .item-header h2:not(.subtitle2) { font-family: "Futura Now Headline"; font-size: 18px; font-style: italic; line-height: 1.4; margin-bottom: 10px; } .detail-page .page-header .item-header h2.subtitle2 { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .detail-page .page-header .item-header h3 { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .detail-page .page-header .additional-text { padding-top: 0; /*font-size:inherit;*/ /*line-height:inherit; */ } /* -------------------------------------------------------------------------- */ /* HOVER ENTRY ANIMATIONS */ /* -------------------------------------------------------------------------- */ .entry .image { overflow: hidden; } .entry .image img { filter: brightness(97%); transition: transform .7s, filter .7s; } .entry:hover .image img { filter: brightness(100%); transform: scale(1.05); transition: transform .3s, filter .3s; } .s-editorial [id^="screen-grid-flex"] .entry:hover .image img, .s-viewing-room .home .category:first-of-type .custom-grid-viewing-room .entry:hover .image img, #wrapper-location .entry:hover .image img, #large .entry:hover .image img { transform: scale(1.02); transition: transform .3s, filter .3s; } .s-editorial .ee-grid-flex-3 .entry:hover .image img { transform: scale(1.05); transition: transform .3s, filter .3s; } .squared .thumbnail-container .thumbnail-square { transition: transform .7s; } .squared .thumbnail-container .thumbnail-square:hover { transform: scale(1.03); transition: transform .3s; } /* -------------------------------------------------------------------------- */ /* DROP DOWN MENUS RESET */ /* -------------------------------------------------------------------------- */ /* fix 1px shift mis-alignment */ .dropdown>.divider { left: -1px; } /*border colors and top/bottom padding*/ .dropdown-root .divider { border-color: #888888; padding: 3px 0; } /*new background image arrow*/ .dropdown:after { content: " "; position: absolute; height: 95%; width: 15px; top: 0; right: 10px; background: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/63692af4d0d707561d062132/dropdown.png') center center no-repeat; background-size: contain; background-color: transparent !important; opacity: .6; } /*remove old arrow*/ .dropdown:before { content: none; } /*drop down items*/ .dropdown-root .divider a, .dropdown-root .divider a:last-of-type { display: block; white-space: nowrap; padding: 2px 4px 4px 10px; margin: 0; /*EDIT FONT STYLING*/ font-size: inherit !important; line-height: 1.5; } /*view all link spacing styling*/ .filter-items .association-filter { margin-right: 20px; } .filter-clear { white-space: nowrap; /*EDIT FONT STYLING*/ font-size: inherit !important; line-height: 1.5; } /* -------------------------------------------------------------------------- */ /* FORMS */ /* -------------------------------------------------------------------------- */ form.inquire input[type=text], form.inquire textarea, form input, form input[type=email], form input[type=password], form input[type=text], form select, form textarea { display: block; border: 1px solid #ccc; font-size: inherit; line-height: normal; padding: 10px 10px 10px 10px; height: auto; background: #fff; margin-bottom: 15px; width: 100%; box-sizing: border-box; outline: 0 !important; } form textarea:focus, form input:focus { border-color: #000000; } form button, .inquireBox .submit { background-color: #ffffff; border: 1px solid #000000; padding: 2px 15px 5px 15px; margin-top: 7px; display: inline-block; line-height: 1.8; color: #000000; } form button:hover, .inquireBox .submit:hover { color: #ffffff; background-color: #000000; } /* -------------------------------------- */ /* INQUIRE */ /* -------------------------------------- */ .inquireBox .header { display: none; } .container.inquireWrapper { max-width: 1080px; } .inquireBox .left { margin-top: .5em; } form.inquire label { font-size: 12px; text-transform: initial; display: block; padding-bottom: 3px; } /* -------------------------------------------------------------------------- */ /* 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: 1600px; } [id*='screen-content-a'] .text-one-column-with-image.no-image .text .container, [id*='screen-content-a'] .text-one-column-with-image.large-image .image+.text .container, [id*='screen-content-a'] .text-one-column-with-image.banner-image .image+.text .container { max-width: 800px; } /* -------------------------------------- */ /* SPACING RESET */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image .text>.container> :last-child { /*border:1px solid #ff0000;*/ margin-bottom: 0; } [id*='screen-content-a'] .text-one-column-with-image.no-image .text { float: none; width: 100%; padding-left: 0; padding-right: 0; } [id*='screen-content-a'] .text-one-column-with-image.banner-image .text, [id*='screen-content-a'] .text-one-column-with-image.large-image .text, [id*='screen-content-a'] .text-one-column-with-image .text { padding-bottom: 0; } [id*='screen-content-a'] .text-one-column-with-image.banner-image .image+.text, [id*='screen-content-a'] .text-one-column-with-image.large-image .image+.text { margin-top: 0; } [id*='screen-content-a'] .image .caption:empty { margin-top: 0; } /* -------------------------------------- */ /* TEXT TO IMAGE TOP OFFSET */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image) .image { margin-top: .4em; } /* -------------------------------------- */ /* BANNER */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image.banner-image figure { min-height: 100vh; pointer-events: none } @media only screen and (orientation: portrait) { [id*='screen-content-a'] .text-one-column-with-image.banner-image figure { min-height: 80vw; } } [id*='screen-content-a'] .text-one-column-with-image.banner-image .text .container { padding: 0 20px; } /* -------------------------------------- */ /* LARGE IMAGE */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image.large-image .image img { /*max-height:100vh;*/ } /* -------------------------------------- */ /* CENTER CAPTIONS AND IMAGES */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image .caption, [id*='screen-content-a'] .text-one-column-with-image.banner-image .image .caption, [id*='screen-content-a'] .text-one-column-with-image.large-image .image .caption { text-align: center; max-width: 400px; margin-left: auto; margin-right: auto; } [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image img, [id*='screen-content-a'] .text-one-column-with-image.large-image .image img { margin-left: auto; margin-right: auto; } /* -------------------------------------- */ /* STICKY */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text { position: sticky; top: 20px; } .s-contact.detail-page [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, .s-contact.detail-page [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text { position: initial; } @media (max-width: 768px) { [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text { position: relative; top: 0; } } /* -------------------------------------- */ /* FLEX ALIGNMENT */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image)>.container { display: flex; align-items: flex-start; } [id*='screen-content-a'] .text-one-column-with-image.image-on-right:not(.large-image):not(.banner-image):not(.no-image)>.container { flex-direction: row-reverse; } [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text { align-self: center; float: none; } [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image { float: none; } /* -------------------------------------- */ /* LEFT RIGHT RATIO */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text { /*width: 53%;*/ width: 50%; box-sizing: border-box; } [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image { /*width: 42%;*/ width: 50%; box-sizing: border-box; } [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image+.text { padding-left: 4%; padding-right: 0; box-sizing: border-box; } [id*='screen-content-a'] .text-one-column-with-image.image-on-right:not(.large-image):not(.banner-image):not(.no-image) .text { padding-right: 4%; padding-left: 0; box-sizing: border-box; } @media (max-width: 768px) { [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image)>.container { display: block; } [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image { margin-bottom: 80px; } [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image img { margin-left: auto; margin-right: auto; } } /* -------------------------------------- */ /* STRETCH IMAGES */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image) .image img { width: 100%; height: 100%; max-height: 800px; max-width: 800px; object-fit: contain; } /* -------------------------------------- */ /* WITH SLIDESHOW (TIS) */ /* -------------------------------------- */ [id*='screen-content-a'][data-slideshow-view] .container { max-width: 100%; } [id*='screen-content-a'][data-slideshow-view]~div { display: none; } [id*='screen-content-a'][data-slideshow-view] { margin-bottom: 0; } [id*='screen-content-a'][data-slideshow-view] .slideshow-headline h1 { /*visibility:hidden;*/ } /* -------------------------------------- */ /* MAGIC SCROLL */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image) .image { overflow: hidden; } [id*='screen-content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image) .image img { transform: translateX(var(--ty)); opacity: var(--o); } /* -------------------------------------------------------------------------- */ /* [OLD LEGACY] - VIEWING ROOM (MODULAR) */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* [OLD LEGACY] - SPACE BETWEEN */ /* -------------------------------------- */ [id*='screen-text-image'] .text-one-column-with-image { padding-bottom: 80px; } [id*='screen-text-image'] .text-one-column-with-image.large-image .image+.text>.container> :first-child, [id*='screen-text-image'] .text-one-column-with-image.banner-image .image+.text>.container> :first-child { margin-top: 80px; } /* -------------------------------------- */ /* [OLD LEGACY] - MAX WIDTHS */ /* -------------------------------------- */ [id*='screen-text-image'] .text-one-column-with-image:not(.large-image):not(.banner-image) .container { max-width: 1600px; } [id*='screen-text-image'] .text-one-column-with-image.no-image .text .container, [id*='screen-text-image'] .text-one-column-with-image.large-image .image+.text .container, [id*='screen-text-image'] .text-one-column-with-image.banner-image .image+.text .container { max-width: 800px; } /* -------------------------------------- */ /* [OLD LEGACY] - SPACING RESET */ /* -------------------------------------- */ [id*='screen-text-image'] .text-one-column-with-image .text>.container> :last-child { /*border:1px solid #ff0000;*/ margin-bottom: 0; } [id*='screen-text-image'] .text-one-column-with-image.no-image .text { float: none; width: 100%; padding-left: 0; padding-right: 0; } [id*='screen-text-image'] .text-one-column-with-image.banner-image .text, [id*='screen-text-image'] .text-one-column-with-image.large-image .text, [id*='screen-text-image'] .text-one-column-with-image .text { padding-bottom: 0; } [id*='screen-text-image'] .text-one-column-with-image.banner-image .image+.text, [id*='screen-text-image'] .text-one-column-with-image.large-image .image+.text { margin-top: 0; } [id*='screen-text-image'] .image .caption:empty { margin-top: 0; } /* -------------------------------------- */ /* [OLD LEGACY] - TEXT TO IMAGE TOP OFFSET */ /* -------------------------------------- */ [id*='screen-text-image'] .text-one-column-with-image:not(.large-image):not(.banner-image) .image { margin-top: .4em; } /* -------------------------------------- */ /* [OLD LEGACY] - BANNER */ /* -------------------------------------- */ [id*='screen-text-image'] .text-one-column-with-image.banner-image figure { min-height: 100vh; pointer-events: none } @media only screen and (orientation: portrait) { [id*='screen-text-image'] .text-one-column-with-image.banner-image figure { min-height: 80vw; } } [id*='screen-text-image'] .text-one-column-with-image.banner-image .text .container { padding: 0 20px; } /* -------------------------------------- */ /* [OLD LEGACY] - LARGE IMAGE */ /* -------------------------------------- */ [id*='screen-text-image'] .text-one-column-with-image.large-image .image img { /*max-height:100vh;*/ } /* -------------------------------------- */ /* [OLD LEGACY] - CENTER CAPTIONS AND IMAGES */ /* -------------------------------------- */ [id*='screen-text-image'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image .caption, [id*='screen-text-image'] .text-one-column-with-image.banner-image .image .caption, [id*='screen-text-image'] .text-one-column-with-image.large-image .image .caption { text-align: center; max-width: 400px; margin-left: auto; margin-right: auto; } [id*='screen-text-image'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image img, [id*='screen-text-image'] .text-one-column-with-image.large-image .image img { margin-left: auto; margin-right: auto; } /* -------------------------------------- */ /* [OLD LEGACY] - STICKY */ /* -------------------------------------- */ [id*='screen-text-image'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, [id*='screen-text-image'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text { position: sticky; top: 20px; } @media (max-width: 768px) { [id*='screen-text-image'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, [id*='screen-text-image'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text { position: relative; top: 0; } } /* -------------------------------------- */ /* [OLD LEGACY] - FLEX ALIGNMENT */ /* -------------------------------------- */ [id*='screen-text-image'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image)>.container { display: flex; align-items: flex-start; } [id*='screen-text-image'] .text-one-column-with-image.image-on-right:not(.large-image):not(.banner-image):not(.no-image)>.container { flex-direction: row-reverse; } [id*='screen-text-image'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text { align-self: center; float: none; } [id*='screen-text-image'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image { float: none; } /* -------------------------------------- */ /* [OLD LEGACY] - LEFT RIGHT RATIO */ /* -------------------------------------- */ [id*='screen-text-image'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text { /*width: 53%;*/ width: 50%; box-sizing: border-box; } [id*='screen-text-image'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image { /*width: 42%;*/ width: 50%; box-sizing: border-box; } [id*='screen-text-image'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image+.text { padding-left: 4%; padding-right: 0; box-sizing: border-box; } [id*='screen-text-image'] .text-one-column-with-image.image-on-right:not(.large-image):not(.banner-image):not(.no-image) .text { padding-right: 4%; padding-left: 0; box-sizing: border-box; } @media (max-width: 768px) { [id*='screen-text-image'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image)>.container { display: block; } [id*='screen-text-image'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image { margin-bottom: 80px; } [id*='screen-text-image'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image img { margin-left: auto; margin-right: auto; } } /* -------------------------------------- */ /* [OLD LEGACY] - STRETCH IMAGES */ /* -------------------------------------- */ [id*='screen-text-image'] .text-one-column-with-image:not(.large-image):not(.banner-image) .image img { width: 100%; height: 100%; max-height: 800px; max-width: 800px; object-fit: contain; } /* -------------------------------------- */ /* [OLD LEGACY] - WITH SLIDESHOW (TIS) */ /* -------------------------------------- */ [id*='screen-text-image'][data-slideshow-view] .container { max-width: 100%; } [id*='screen-text-image'][data-slideshow-view]~div { display: none; } [id*='screen-text-image'][data-slideshow-view] { margin-bottom: 0; } [id*='screen-text-image'][data-slideshow-view] .slideshow-headline h1 { /*visibility:hidden;*/ } /* -------------------------------------- */ /* [OLD LEGACY] - MAGIC SCROLL */ /* -------------------------------------- */ [id*='screen-text-image'] .text-one-column-with-image:not(.large-image):not(.banner-image) .image { overflow: hidden; } [id*='screen-text-image'] .text-one-column-with-image:not(.large-image):not(.banner-image) .image img { transform: translateX(var(--ty)); opacity: var(--o); } /* -------------------------------------- */ /* [OLD LEGACY] - EXTRA LEGACY FIXES */ /* -------------------------------------- */ [id*='screen-text-image'] .text-one-column-with-image.large-image .text, [id*='screen-text-image'] .text-one-column-with-image.banner-image .text { display: none; } [id*='screen-text-image'] .section-header:not(.page-header) h1 { font-size: 20px; font-family: "Futura Now Headline"; text-transform: uppercase; } [id*='screen-text-image'] .text-one-column-with-image header.divider { border-bottom-color: transparent; margin-bottom: 0; } /* -------------------------------------------------------------------------- */ /* 2-UP FIXES */ /* -------------------------------------------------------------------------- */ .text-image-wrapper.two-up { box-sizing: border-box; } .two-up-wrapper.container { max-width: 100%; } .text-image-wrapper.two-up:first-child { padding: 0 20px 0 0; } .text-image-wrapper.two-up:nth-child(2) { padding: 0 0 0 20px; } @media all and (max-width:620px) { .two-up-wrapper.container { display: block; } .text-image-wrapper.two-up { width: 100%; } .text-image-wrapper.two-up:first-child { padding: 0 0 0 0 } .text-image-wrapper.two-up:nth-child(2) { padding: 0 0 0 0 } } /*hide 2-up slideshow headers*/ .two-up-wrapper .slideshow-headline { display: none; } /* -------------------------------------------------------------------------- */ /* SWIPER FIXES */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* SWIPER FIX BOTTOM MARGIN */ /* -------------------------------------- */ section .swiper-container.slideshow { margin-bottom: 0; padding-bottom: 80px; } .slideshow-overlay .swiper-container.slideshow { margin-bottom: 0 } .slideshow-overlay .swiper-container { padding-bottom: 0; } /* -------------------------------------- */ /* SWIPER FLASHING FIX ON SAFARI */ /* -------------------------------------- */ /*.slideshow-container .swiper-slide {*/ /* -webkit-backface-visibility: hidden;*/ /* -webkit-transform: translate3d(0, 0, 0);*/ /*}*/ /* -------------------------------------- */ /* ASPECT RATIO WRAPPER FIX */ /* -------------------------------------- */ /* make container 4:3(75%) minus arrow padding (45*2 = 90px) */ section .position-guard-container .swiper-container.slideshow .slide-content-container { padding-top: calc(75% - 90px); } /* subtract 70px for nested slide container */ section .position-guard-container .swiper-container.slideshow .nested-slide .slide-content-container { padding-top: calc(75% - 90px - 70px); } /* browser is 4:3 and wider */ @media (min-aspect-ratio: 4/3) { /* make container make height of viewport minus set amount (100px or any) */ section .position-guard-container .swiper-container.slideshow .slide-content-container { padding-top: calc(100vh - 100px); } /* subtract 70px for nested slide container */ section .position-guard-container .swiper-container.slideshow .nested-slide .slide-content-container { padding-top: calc(100vh - 100px - 70px); } } /* browser is 1:1 and taller */ @media (max-aspect-ratio: 1/1) { /* make container make height taller for mobile (80% or more) */ section .position-guard-container .swiper-container.slideshow .slide-content-container { padding-top: 80%; } /* subtract 70px for nested slide container */ section .position-guard-container .swiper-container.slideshow .nested-slide .slide-content-container { padding-top: calc(80% - 70px); } } /* two-up swiper fixes */ .text-image-wrapper.two-up .position-guard-container .swiper-container.slideshow .slide-content-container { padding-top: 80%; } .text-image-wrapper.two-up .position-guard-container .swiper-container.slideshow .nested-slide .slide-content-container { padding-top: calc(80% - 70px); } /* swiper nested-navigation */ section .nested-navigation { padding-bottom: 20px; } .swiper-slide .nested-navigation .nested-thumbnail.active { border-color: #000000; } /* ====================================== */ /* ! USE BELOW FOR SQUARE THUMBNAILS ! */ /* ====================================== */ /* -------------------------------------- */ /* SWIPER FIX THUMBNAIL */ /* CONVERT TO FLEX TO PROPERLY ALIGN */ /* LAZY LOAD USE: */ /* .thumbnails-tab.squared .thumbnails-all */ /* NO LAZY LOAD USE: */ /* .thumbnails-tab.squared */ /* -------------------------------------- */ .thumbnails-tab.squared .thumbnails-all { display: flex; flex-wrap: wrap; } .thumbnails-tab.squared.hidden { display: none; } .squared[data-width] .thumbnail-container { width: calc((100% - 2.5%) / 2); } @media screen and (min-width: 767px) and (max-width: 1024px) { .squared[data-width] .thumbnail-container { width: calc((100% - 5%) / 3); } } @media screen and (min-width: 1025px) { .squared[data-width="3"] .thumbnail-container { width: calc((100% - 5%) / 3); } } .squared .thumbnail-container { margin-bottom: 6%; margin-right: 2.5%; } .squared .thumbnail-container .thumbnail-square img { max-width: 100%; max-height: 100%; } .squared .thumbnail-container .thumbnail-square { margin-bottom: 15px; } /* ====================================== */ /* ! USE BELOW FOR BASE ALIGN THUMBNAIL ! */ /* ====================================== */ /* -------------------------------------- */ /* SWIPER FIX THUMBNAIL */ /* CONVERT TO FLEX TO PROPERLY ALIGN */ /* LAZY LOAD USE: */ /* .thumbnails-tab.squared .thumbnails-all */ /* NO LAZY LOAD USE: */ /* .thumbnails-tab.squared */ /* -------------------------------------- */ /*.thumbnails-tab.squared .thumbnails-all{*/ /* display:flex;*/ /* flex-wrap:wrap;*/ /*}*/ /*.thumbnails-tab.squared.hidden{*/ /* display:none;*/ /*}*/ /*.squared[data-width] .thumbnail-container {*/ /* width: calc((100% - 2.5%) / 2);*/ /*}*/ /*@media screen and (min-width: 767px) and (max-width: 1024px) {*/ /* .squared[data-width] .thumbnail-container {*/ /* width: calc((100% - 5%) / 3);*/ /* }*/ /*}*/ /*@media screen and (min-width: 1025px) {*/ /* .squared[data-width="3"] .thumbnail-container {*/ /* width: calc((100% - 5%) / 3);*/ /* }*/ /*}*/ /*.squared .thumbnail-container {*/ /* margin-bottom:6%;*/ /* margin-right:2.5%*/ /*}*/ /*.squared .thumbnail-container .thumbnail-square img {*/ /* max-width: 100%;*/ /* max-height: 100%; */ /* object-position:bottom center;*/ /*}*/ /*.squared .thumbnail-container .thumbnail-square{*/ /* margin-bottom:15px;*/ /*}*/ /*.squared .thumbnail-container .thumbnail-square img{*/ /* position:unset;*/ /* top:unset;*/ /* left:unset;*/ /* transform:none;*/ /* max-height:50vw;*/ /*}*/ /*@media screen and (min-width: 767px) and (max-width: 1024px) {*/ /* .squared .thumbnail-container .thumbnail-square img{*/ /* max-height:30vw;*/ /* }*/ /*}*/ /*@media screen and (min-width: 1025px) {*/ /* .squared .thumbnail-container .thumbnail-square img{*/ /* max-height:30vw;*/ /* }*/ /*}*/ /*.squared .thumbnail-container .thumbnail-square{*/ /* height:auto!important;*/ /*}*/ /*.squared .thumbnail-container{*/ /* align-self:baseline;*/ /*}*/ /* ====================================== */ /* ! ONLY USE ONE OF ABOVE CSS STYLES ! */ /* ====================================== */ /* -------------------------------------- */ /* FADE IN LAZY LOADING THUMBNAILS */ /* -------------------------------------- */ .thumbnail-square img[src] { animation: ThumbNailfadeIn ease 1.5s; } @keyframes ThumbNailfadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } /* -------------------------------------- */ /* SWIPER IMAGE STRETCH */ /* -------------------------------------- */ .squared .thumbnail-container .thumbnail-square img, .slideshow-overlay .swiper-container .swiper-slide img, .swiper-container.slideshow .swiper-slide img { height: 100%; width: 100%; object-fit: contain; } /* -------------------------------------- */ /* SWIPER FIX OVERLAY ARROWS */ /* -------------------------------------- */ .slideshow-overlay .swiper-container .swiper-button-prev { left: 15px } .slideshow-overlay .swiper-container .swiper-button-next { right: 15px } /* -------------------------------------- */ /* SWIPER FIX ICONS */ /* -------------------------------------- */ .slideshow-headline .abs-thumbs a[data-tab-ref='slideshow'], .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails'] { height: 13px; width: 19px; text-indent: 100%; white-space: nowrap; overflow: hidden; padding-right: 0; display: inline-block; box-sizing: border-box; box-shadow: inset 0 0 0 1px #b4b4b4; position: relative; } .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails']:before { content: ''; position: absolute; left: 0px; top: 4px; width: 19px; height: 5px; display: inline-block; box-sizing: border-box; box-shadow: inset 0 0 0 1px #b4b4b4; } .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails']:after { content: ''; position: absolute; left: 6px; top: 0px; width: 7px; height: 13px; display: inline-block; box-sizing: border-box; box-shadow: inset 0 0 0 1px #b4b4b4; } .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails']:hover, .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails']:hover:before, .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails']:hover:after, .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails'].active, .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails'].active:before, .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails'].active:after, .slideshow-headline .abs-thumbs a[data-tab-ref='slideshow']:hover, .slideshow-headline .abs-thumbs a[data-tab-ref='slideshow'].active { box-shadow: inset 0 0 0 1px #000000; } .abs-thumbs { z-index: 54; bottom: unset; top: 0px; } /* -------------------------------------- */ /* SWIPER HEADLINE */ /* -------------------------------------- */ .slideshow-headline { /*border:none;*/ } /* -------------------------------------- */ /* SWIPER CAPTION */ /* -------------------------------------- */ .thumbnail-container .caption-snippet, .thumbnails-tab.thumbnail-counter .thumbnail-container .caption-snippet, .thumbnails-tab.thumbnail-header .thumbnail-container .caption-snippet, .thumbnails-tab.thumbnail-counter.thumbnail-header .thumbnail-container .caption-snippet { height: auto; } .thumbnail-container .caption-snippet { height: auto; max-width: 400px; margin-left: auto; margin-right: auto; } .swiper-container .swiper-slide-caption { max-width: 400px; margin-left: auto; margin-right: auto; } .thumbnail-container a[data-inquire], .swiper-container .swiper-slide-caption a[data-inquire] { border: 1px solid #000000; padding: 2px 15px 5px 15px; margin-top: 15px; display: inline-block; line-height: 1.8; color: #000000; } .thumbnail-container a[data-inquire]:hover, .swiper-container .swiper-slide-caption a[data-inquire]:hover { color: #ffffff; background-color: #000000; } /* vow swiper inquire uses p */ .thumbnail-container a[data-inquire] p, .swiper-container .swiper-slide-caption a[data-inquire] p { font-size: inherit; line-height: normal; } /* -------------------------------------- */ /* TIS 1 IMAGE SLIDESHOW - REMOVE PADDING */ /* IF THERE ARE NO ARROW BUTTONS */ /* -------------------------------------- */ .swiper-button-prev:not([role="button"])~.swiper-wrapper .slide-image-container, .swiper-button-prev:not([role="button"])~.swiper-wrapper .slide-video-container { padding: 0 0; } /* -------------------------------------- */ /* VIDEO CONTAINER IFRAME HIDE P */ /* -------------------------------------- */ .slide-video-container>iframe+p { display: none; } /* ------------------------------------------------------------------------- */ /* LEGACY SLIDESHOW ICON WORKAROUND */ /* ------------------------------------------------------------------------- */ .section-header .links.slider-features { display: inline-block; } .slider-features a[href*="?view="] { height: 13px; width: 19px; text-indent: 100%; white-space: nowrap; overflow: hidden; padding-right: 0; } .slider-features a { margin-right: 15px; } .slider-features a:last-of-type { margin-right: 0; } .slider-features a[href$="view=thumbnails"], .slider-features a[href$="view=thumbnails"]:before, .slider-features a[href$="view=thumbnails"]:after, .slider-features a[href$="view=slider"] { display: inline-block; box-sizing: border-box; box-shadow: inset 0 0 0 1px #aaaaaa; } .slider-features a[href$="view=thumbnails"] { position: relative; height: 13px; width: 19px; padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; } .slider-features a[href$="view=thumbnails"]:before { content: ''; position: absolute; left: 0px; top: 4px; width: 19px; height: 5px; } .slider-features a[href$="view=thumbnails"]:after { content: ''; position: absolute; left: 6px; top: 0px; width: 7px; height: 13px; } .slider-features a[href$="view=slider"] { height: 13px; width: 19px; margin-bottom: 0; } .slider-features a[href$="view=thumbnails"]:hover, .slider-features a[href$="view=thumbnails"]:hover:before, .slider-features a[href$="view=thumbnails"]:hover:after, .slider-features a[href$="view=thumbnails"].active, .slider-features a[href$="view=thumbnails"].active:before, .slider-features a[href$="view=thumbnails"].active:after, .slider-features a[href$="view=slider"]:hover, .slider-features a[href$="view=slider"].active { box-shadow: inset 0 0 0 1px #000000; } /* ------------------------------------------------------------------------- */ /* LEGACY SLIDESHOW XL WORKAROUND */ /* USE :NOT(#ID) CHAINED TO PREVENT CONFLICTS */ /* ------------------------------------------------------------------------- */ .slider .bx-wrapper:first-of-type, .full-slider:not(#screen-banner-navigation):not(#screen-banner-top):not(#screen-banner-top-mobile) .bx-wrapper:first-of-type { width: 145vh; max-width: 100% !important; margin-left: auto; margin-right: auto; } .slider .bx-wrapper:first-of-type .slide, .full-slider:not(#screen-banner-navigation):not(#screen-banner-top):not(#screen-banner-top-mobile) .bx-wrapper:first-of-type .slide { width: 100% !important; } .thumbnails.grid img, .slider .slide img, .full-slider:not(#screen-banner-navigation):not(#screen-banner-top):not(#screen-banner-top-mobile) .slide img { width: 100%; height: 100%; object-fit: contain } /* -------------------------------------- */ /* LEGACY SLIDESHOW SPACING */ /* -------------------------------------- */ .slider, .full-slider:not(#screen-banner-navigation):not(#screen-banner-top):not(#screen-banner-top-mobile) { padding-bottom: 80px; } .thumbnails { padding-bottom: 20px; } .slider .slide figcaption, .full-slider:not(#screen-banner-navigation):not(#screen-banner-top):not(#screen-banner-top-mobile) .slide figcaption { margin-top: 10px; max-width: 400px; margin-left: auto; margin-right: auto; } .thumbnail-caption { height: auto; max-width: 400px; margin-left: auto; margin-right: auto; } .fitted.thumbnails .placeholder { background: none; } /* -------------------------------------- */ /* LEGACY SLIDESHOW THUMBNAILS */ /* -------------------------------------- */ .thumbnails.grid .entry { width: 30.5%; padding-right: 4.2% } .thumbnails.grid .entry:nth-child(4n + 4), .thumbnails.grid .entry:nth-child(5n + 5) { padding-right: 4.2%; margin-right: 0 } .thumbnails.grid .entry:nth-child(3n + 3) { padding-right: 0 } @media (max-width: 330px) { .thumbnails.grid .entry { width: 47%; padding-right: 5.75% } .thumbnails.grid .entry:nth-child(2n + 2) { padding-right: 0 !important } .thumbnails.grid .entry:nth-child(3n + 3), .thumbnails.grid .entry:nth-child(5n + 5) { padding-right: 5.75% } } /* -------------------------------------- */ /* LEGACY CAPTIONS */ /* -------------------------------------- */ .thumbnail-caption p, .slider .slide figcaption p, .full-slider:not(#screen-banner-navigation):not(#screen-banner-top):not(#screen-banner-top-mobile) .slide figcaption p { color: #000000; font-size: .81rem; line-height: 1.5; margin-top: 0; margin-bottom: 0; } /* -------------------------------------- */ /* LEGACY SLIDESHOW INQUIRE */ /* -------------------------------------- */ .thumbnails.grid .entry { text-align: center } .thumbnails.grid .entry .inquire, .slider .links .inquire, .full-slider .links .inquire { font-size: inherit; display: inline-block; border: 1px solid #000000; padding: 2px 15px 5px 15px; margin-top: 20px; line-height: inherit; color: #000000; } .thumbnails.grid .entry .inquire:hover, .slider .links .inquire:hover, .full-slider .links .inquire:hover { color: #ffffff; background-color: #000000; transition: all .2s; } /* -------------------------------------- */ /* LEGACY SLIDESHOW VIDEO */ /* -------------------------------------- */ .video-figure .video-item iframe { width: 100%; height: 100%; } /* -------------------------------------- */ /* LEGACY SLIDESHOW ARROW */ /* -------------------------------------- */ @media (max-width: 480px) { .bx-controls-direction { left: -18px; right: -18px; } } /* -------------------------------------------------------------------------- */ /* MASTER BANNER NAVIGATION */ /* -------------------------------------------------------------------------- */ #screen-banner-navigation { padding: 0 40px 80px 40px; } #screen-banner-navigation .full-width-banner .slide figure { pointer-events: none; padding-top: 44% } #screen-banner-navigation .slide figcaption { max-width: 850px; margin: 0 auto 0 0; text-align: left; } #screen-banner-navigation .slide figcaption> :first-child { margin-top: 15px; } #screen-banner-navigation .slide figcaption h1 { font-family: "Futura Now Headline"; font-size: 24px; line-height: 1.39; margin-bottom: 5px; } #screen-banner-navigation .slide figcaption h2 { font-family: "Futura Now Headline"; font-size: 16px; font-style: italic; line-height: 1.4; margin-bottom: 5px; } #screen-banner-navigation .slide figcaption .image-description, #screen-banner-navigation .slide figcaption .image-description p { font-size: inherit; line-height: inherit; } #screen-banner-navigation .bx-wrapper .bx-pager.bx-default-pager a { background: #cccccc; } #screen-banner-navigation .bx-wrapper .bx-pager.bx-default-pager a.active, #screen-banner-navigation .bx-wrapper .bx-pager.bx-default-pager a:hover { background: #808080; } #screen-banner-navigation .bx-wrapper .bx-pager { bottom: unset; top: 0; padding-top: calc(44vw - 20px); width: auto; right: -5px; z-index: 50; } #screen-banner-navigation .bx-controls { pointer-events: none; } #screen-banner-navigation .bx-controls .bx-pager-item { pointer-events: auto; } @media only screen and (orientation: portrait) { #screen-banner-navigation .full-width-banner .slide figure { padding-top: 65% } #screen-banner-navigation .bx-wrapper .bx-pager { padding-top: calc(65vw - 38px); } } @media all and (max-width:1120px) { #screen-banner-navigation { padding: 0 20px 80px 20px; } #screen-banner-navigation .bx-wrapper .bx-pager { padding-top: calc(44vw - 3px); } } @media all and (max-width:1120px) and (orientation: portrait) { #screen-banner-navigation { padding: 0 20px 80px 20px; } #screen-banner-navigation .bx-wrapper .bx-pager { padding-top: calc(65vw - 10px); } } #screen-banner-navigation .bx-pager>.bx-pager-item:only-of-type { display: none; } /* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* -------------------------------------------------------------------------- */ /* CUSTOM CSS */ /* -------------------------------------------------------------------------- */ /* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */ /* -------------------------------------------------------------------------- */ /* MAIN HEADER */ /* -------------------------------------------------------------------------- */ .main-header>.container { padding-top: 25px; padding-bottom: 30px; position: relative; } .main-header { /*keep padding 0 - Use .container above to style padding*/ padding-top: 0px; padding-bottom: 0px; background: rgba(255, 255, 255, .9); /*background-image: linear-gradient(-180deg, #EEEEEE 0%, #FFFFFF 50%);*/ /*box-shadow: 0 0 50px 50px rgba(0,0,0,0.05);*/ /*margin-bottom:20px;*/ text-transform: initial; } /* header embed alert */ header.main-header .social { position: relative; top: unset; right: unset; background-color: rgba(0, 0, 0, 1); color: #ffffff; font-size: 11px; text-align: center; line-height: 1.5; } header.main-header .social .embed:not(:empty) { padding-top: 5px; padding-bottom: 5px; } header.main-header .social p a { color: #bbbbbb; } header.main-header .social p a:hover { color: #ffffff; } .main-header .container { max-width: 100%; } .main-header nav, .main-header .logo span { font-size: 13px; line-height: inherit; text-transform: uppercase; } /* Use this padding to adjust menu to image logo */ .main-header nav.main { padding-top: 20px } /* Use this to prevent WORD wrap */ .main-header nav.main a { /*display:inline-block;*/ } .main-header nav.languages { font-size: 8px; text-transform: uppercase; line-height: 1; position: absolute; top: 10px; right: 0; padding-right: inherit; } .main-header nav a { color: #000000; } .main-header nav a:hover, .main-header nav a.active { color: #808080; } /* -------------------------------------------------------------------------- */ /* HOME */ /* -------------------------------------------------------------------------- */ .s-home .bx-wrapper .bx-pager.bx-default-pager a { background: #bbb; } .s-home .bx-wrapper .bx-pager.bx-default-pager a:hover, .s-home .bx-wrapper .bx-pager.bx-default-pager a.active, .s-home .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #000; } /* -------------------------------------- */ /* BANNER TOP */ /* -------------------------------------- */ .s-home section#wrapper-banner-top .container { max-width: 100%; } .s-home section#wrapper-banner-top { margin-bottom: 80px; /*margin-bottom:20px;*/ background-color: #f9f9f9; } .s-home section#wrapper-banner-top .full-width-banner .slide figure { padding-top: 100vh; /*padding-top:calc(100vh - 100px);*/ pointer-events: none; } /*@media only screen and (orientation: portrait) {*/ /* .s-home section#wrapper-banner-top .full-width-banner .slide figure {*/ /* padding-top: 100vh;*/ /* } */ /*}*/ .s-home section#wrapper-banner-top .slide figcaption { position: absolute; bottom: 50px; width: 100%; max-width: 100%; margin: 0; text-align: left; z-index: 2; pointer-events: none; } .s-home section#wrapper-banner-top .slide figcaption h1 { font-family: "Futura Now Headline"; /*font-size: 24px;*/ /*line-height: 1.39;*/ /*margin-bottom: 5px;*/ font-size: 40px; line-height: 1.3; margin-bottom: 8px; } .s-home section#wrapper-banner-top .slide figcaption h2 { font-family: "Futura Now Headline"; /*font-size: 16px;*/ /*font-style: italic;*/ /*line-height: 1.4;*/ /*margin-bottom: 5px;*/ font-size: 22px; font-style: italic; line-height: 1.4; margin-bottom: 10px; } .s-home section#wrapper-banner-top .slide figcaption .image-description, .s-home section#wrapper-banner-top .slide figcaption .image-description p { font-size: 16px; line-height: inherit; } .s-home section#wrapper-banner-top .bx-controls { display: none; } .s-home section#wrapper-banner-top .ee-banner-fader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; } .s-home section#wrapper-banner-top .bx-viewport { overflow: unset !important; } .bx-viewport { pointer-events: none; } .bx-viewport .entry .image img { pointer-events: auto; } /* -------------------------------------- */ /* BANNER TOP MOBILE*/ /* -------------------------------------- */ .s-home section#wrapper-banner-top-mobile { display: none; } @media only screen and (orientation: portrait) { .s-home section#wrapper-banner-top { display: none; } .s-home section#wrapper-banner-top-mobile { display: block; } } .s-home section#wrapper-banner-top-mobile .container { max-width: 100%; } .s-home section#wrapper-banner-top-mobile { margin-bottom: 80px; /*margin-bottom:20px;*/ background-color: #f9f9f9; } .s-home section#wrapper-banner-top-mobile .full-width-banner .slide figure { padding-top: 100vh; /*padding-top:calc(100vh - 100px);*/ pointer-events: none; } /*@media only screen and (orientation: portrait) {*/ /* .s-home section#wrapper-banner-top .full-width-banner .slide figure {*/ /* padding-top: 100vh;*/ /* } */ /*}*/ .s-home section#wrapper-banner-top-mobile .slide figcaption { position: absolute; bottom: 50px; width: 100%; max-width: 100%; margin: 0; text-align: left; z-index: 2; pointer-events: none; } .s-home section#wrapper-banner-top-mobile .slide figcaption h1 { font-family: "Futura Now Headline"; /*font-size: 24px;*/ /*line-height: 1.39;*/ /*margin-bottom: 5px;*/ font-size: 40px; line-height: 1.3; margin-bottom: 8px; } .s-home section#wrapper-banner-top-mobile .slide figcaption h2 { font-family: "Futura Now Headline"; /*font-size: 16px;*/ /*font-style: italic;*/ /*line-height: 1.4;*/ /*margin-bottom: 5px;*/ font-size: 22px; font-style: italic; line-height: 1.4; margin-bottom: 10px; } .s-home section#wrapper-banner-top-mobile .slide figcaption .image-description, .s-home section#wrapper-banner-top-mobile .slide figcaption .image-description p { font-size: 16px; line-height: inherit; } .s-home section#wrapper-banner-top-mobile .bx-controls { display: none; } .s-home section#wrapper-banner-top-mobile .ee-banner-fader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; } .s-home section#wrapper-banner-top-mobile .bx-viewport { overflow: unset !important; } /* -------------------------------------- */ /* BANNER -NOT- FULL TOP */ /* -------------------------------------- */ /*.s-home section#wrapper-banner .full-width-banner .slide figure{*/ /* padding-top:45%;*/ /* pointer-events:none;*/ /*}*/ /*.s-home section#wrapper-banner .full-width-banner .slide{*/ /* padding-bottom:80px;*/ /*}*/ /*.s-home section#wrapper-banner .full-width-banner .slide figcaption {*/ /* max-width: 850px;*/ /* margin:15px auto 0 0;*/ /* text-align:left;*/ /*}*/ /*.s-home section#wrapper-banner .image-title{*/ /* font-size:inherit;*/ /* line-height:inherit;*/ /*}*/ /*.s-home section#wrapper-banner .image-subtitle{*/ /* font-size:inherit;*/ /* line-height:inherit;*/ /*}*/ /*.s-home section#wrapper-banner .image-description{*/ /* font-size:inherit;*/ /* line-height:inherit;*/ /*}*/ /*.s-home section#wrapper-banner .image-description p{*/ /* font-size:inherit;*/ /* line-height:inherit; */ /*}*/ /* -------------------------------------- */ /* HOME GRID */ /* -------------------------------------- */ .s-home section[id^="wrapper-grid"] .entry .links { display: none; } .s-home section[id^="wrapper-grid"] .ee-custom-detail { display: block; text-align: center; padding-top: 5px; padding-bottom: 15px; margin-bottom: 25px; border-bottom: 1px solid #000000; font-size: 9px; line-height: 1; text-transform: uppercase; } /* -------------------------------------- */ /* HOME GRID FLEX */ /* -------------------------------------- */ .s-home [id^="screen-grid-flex"] header { display: none; } .s-home [id^="screen-grid-flex"] .titles { font-family: "Futura Now Headline"; font-size: 20px; line-height: 1.39; margin-bottom: 5px; display: block; } .s-home [id^="screen-grid-flex"] .entry p { line-height: inherit; color: #000000; } .s-home [id^="screen-grid-flex"] .entry { padding-right: 0; padding-bottom: 0; } .s-home [id^="screen-grid-flex"] .entry { width: 48.4375%; margin-right: 3.125%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .s-home [id^="screen-grid-flex"] .entry:nth-child(2n+2) { margin-right: 0; } .s-home [id^="screen-grid-flex"] .entry .placeholder { padding-top: 75%; background: inherit; } .s-home [id^="screen-grid-flex"] .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .s-home [id^="screen-grid-flex"] .grid { padding-bottom: 0; } /* see js */ .s-home .ee-grid-flex-3 [id^="screen-grid-flex"] .entry { width: 31.25%; margin-right: 3.125%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .s-home .ee-grid-flex-3 [id^="screen-grid-flex"] .entry:nth-child(3n+3) { margin-right: 0; } @media all and (max-width: 600px) { .s-home .ee-grid-flex-3 [id^="screen-grid-flex"] .entry { width: 48.4375%; margin-right: 3.125%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .s-home .ee-grid-flex-3 [id^="screen-grid-flex"] .entry:nth-child(3n+3) { margin-right: 3.125%; } .s-home .ee-grid-flex-3 [id^="screen-grid-flex"] .entry:nth-child(2n+2) { margin-right: 0; } } /* -------------------------------------- */ /* HOME GRID FLEX BXSLIDER */ /* -------------------------------------- */ .s-home #screen-grid-flex-1 { padding: 0 80px 80px; } @media (max-width: 1120px) { .s-home #screen-grid-flex-1 { padding: 0 60px 80px; } } /* override display none for small devices */ .s-home #screen-grid-flex-1 .bx-wrapper { display: block !important; } .s-home #screen-grid-flex-1 .bx-controls-direction a { visibility: visible; } .s-home #screen-grid-flex-1 .bx-viewport>.container { max-width: unset; overflow: hidden; } .s-home #screen-grid-flex-1 .bx-viewport>.container>.entry { margin: 0; display: block; opacity: 1 !important; } /* -------------------------------------- */ /* HOME ALERT-BOX SLIDE */ /* -------------------------------------- */ .s-home section#wrapper-alert-box { position: fixed; bottom: 60px; right: 0; width: 100%; max-width: 300px; box-sizing: border-box; color: #fff; background-color: #000; z-index: 59; margin-right: 40px; } @media all and (max-width:1120px) { .s-home section#wrapper-alert-box { margin-right: 20px; } } @media all and (max-width:600px) { .s-home section#wrapper-alert-box { max-width: 280px; } } .s-home section#wrapper-alert-box .text, .s-home section#wrapper-alert-box .image { opacity: 1 !important; transition: none !important; transform: none !important; visibility: visible !important; float: none !important; display: block !important; width: 100% !important; max-width: 100% !important; margin-bottom: 0 !important; margin-top: 0 !important; padding: 0 0 20px 0 !important; } .s-home section#wrapper-alert-box .text-one-column-with-image.banner-image figure { min-height: unset; padding-top: 75%; } .s-home section#wrapper-alert-box .text-one-column-with-image { padding-bottom: 0 } .s-home #wrapper-alert-box #screen-alert-box { padding: 25px 25px 5px 25px; } .s-home #wrapper-alert-box .container { padding: 0 0; } .s-home section#wrapper-alert-box .caption { display: none; } .s-home section#wrapper-alert-box .text>.container> :last-child { margin-bottom: 0; } .s-home section#wrapper-alert-box a.ee-close { position: absolute; right: 8px; top: 3px; font-size: 20px; line-height: 1; cursor: pointer; color: #757575 !important; font-family: Arial; } .s-home section#wrapper-alert-box a.ee-close:hover { color: #ffffff !important; } /*animation*/ .s-home section#wrapper-alert-box { animation-name: alert-box-b; animation-duration: 1.2s; animation-delay: 1.2s; animation-fill-mode: backwards; } @keyframes alert-box-b { from { right: -300px; opacity: 0; } to { right: 0; opacity: 1; } } /* HOME MAILING LIST */ .s-home #screen-mailing-list .container+.container { max-width: 800px; /*text-align:center;*/ } .s-home #screen-mailing-list .content { padding-top: 50px; } .s-home #screen-mailing-list .text-one-column { padding-bottom: 0; } /* -------------------------------------------------------------------------- */ /* ARTISTS */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* INDEX PAGE */ /* -------------------------------------- */ #artists-grid .title { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } /* ROLLOVER */ .s-artists .rollover .column { column-count: 3; } .s-artists .rollover .list { font-family: "Futura Now Headline"; font-size: 20px; line-height: 1.39; /* weird negative margin font fix */ margin-top: -5px; } .s-artists .rollover .list .entry { margin-bottom: 12px; /* weird negative margin font fix */ margin-top: 5px; } .s-artists .rollover .image { max-width: 100%; width: 50%; padding-left: 2.5%; box-sizing: border-box; } .rollover .list { width: 50%; } .s-artists .rollover .image img { display: inline-block; width: 100%; height: 100%; object-fit: contain; max-height: calc(100vh - 200px); object-position: top right; } @media all and (max-width: 1023px) { .s-artists .rollover .image { display: none; } .rollover .list { width: 100%; } } @media all and (max-width: 767px) { .s-artists .rollover .column { column-count: 2; } } @media all and (max-width: 620px) { .s-artists .rollover .column { column-count: 1; } } /* -------------------------------------- */ /* DETAIL PAGE */ /* -------------------------------------- */ .s-artists.detail-page .page-header .item-header h1 { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-artists.detail-page .page-header .item-header { max-width: 800px; margin-left: auto; margin-right: auto; text-align: center; } .s-artists.detail-page .page-header { border-bottom-color: transparent; margin-bottom: 40px; } .s-artists.detail-page .back { display: none; } .s-artists.detail-page .ee-header-link { background-color: #ffffff; border: 1px solid #000000; padding: 2px 15px 5px 15px; margin-top: 7px; display: inline-block; line-height: 1.8; color: #000000; margin-top: 20px; } .s-artists.detail-page .ee-header-link:hover { color: #ffffff; background-color: #000000; } .s-artists.detail-page section#biography .left, .s-artists.detail-page section#biography .right { display: block; width: 100%; padding-left: 0; padding-right: 0; } .s-artists.detail-page #screen-biography>.container+.container { max-width: 800px; } .s-artists.detail-page #screen-biography .links.in-text+.links.in-text, .s-artists.detail-page #screen-biography .links.in-text>.links.in-text { margin-top: 0; } .s-artists.detail-page section#cv { padding-bottom: 80px; text-align: center; } .s-artists.detail-page section#cv .container { max-width: 600px; } .s-artists.detail-page section#cv .text-one-column, .s-artists.detail-page section#cv .content { padding-bottom: 0; } .s-artists.detail-page section#cv a.file { background-color: #ffffff; border: 1px solid #000000; padding: 2px 15px 5px 15px; margin-top: 7px; display: inline-block; line-height: 1.8; color: #000000; margin-top: 20px; } .s-artists.detail-page section#cv a.file:hover { color: #ffffff; background-color: #000000; } .s-artists.detail-page section#associations .container { max-width: 1080px; } /* ARTIST QUICKLINK WORKAROUND*/ .s-artists.detail-page nav.quicklinks { font-size: 13px; text-transform: uppercase; position: fixed; top: 0; left: 0; width: 100%; box-sizing: border-box; display: block; text-align: center; padding-top: 12px; padding-left: inherit; padding-right: inherit; padding-bottom: 15px; z-index: 60; background-color: #ffffff; border: transparent; transform: translateY(-100%); box-shadow: none; opacity: 0; transition: transform .15s, box-shadow .15s, opacity .15s; } .s-artists.detail-page nav.quicklinks a { color: #000000; } .s-artists.detail-page nav.quicklinks a:hover { color: #808080; } .s-artists.detail-page.ee-custom-scroll-on nav.quicklinks { transform: translateY(0%); opacity: 1; box-shadow: 0 0 50px 50px rgba(0, 0, 0, 0.03); transition: transform .3s, box-shadow .3s, opacity .3s; } .s-artists.detail-page nav.quicklinks:after { content: none; } @media all and (max-width: 1023px) { .s-artists.detail-page nav.quicklinks { display: none; } } /* -------------------------------------------------------------------------- */ /* EXHIBITIONS */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* INDEX PAGE */ /* -------------------------------------- */ #exhibitions-grid .title { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #exhibitions-grid .subtitle:not(.subtitle2) { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #exhibitions-grid .subtitle2 { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #exhibitions-grid .date { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #exhibitions-grid .additional-text { padding-top: 0; /*font-size:inherit;*/ /*line-height:inherit;*/ } #exhibitions-grid .entry .links { margin-top: 1em; } /* Large */ .s-exhibitions .exhibitions.home #large .entry .links { margin-top: 1em; } .s-exhibitions .exhibitions.home #large h1 { font-size: 24px; /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-exhibitions .exhibitions.home #large h2:not(.subtitle2) { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-exhibitions .exhibitions.home #large h2.subtitle2 { /*font-size:inherit;*/ /*line-height:inherit; */ /*margin-bottom:0;*/ } .s-exhibitions .exhibitions.home #large h3 { /*font-size:inherit;*/ /*line-height:inherit; */ /*margin-bottom:0;*/ } .s-exhibitions .exhibitions.home #large .additional-text { padding-top: 0; /*font-size:inherit;*/ /*line-height:inherit; */ } /* Medium */ .s-exhibitions .exhibitions.home #medium .entry .links { margin-top: 1em; } .s-exhibitions .exhibitions.home #medium h1 { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-exhibitions .exhibitions.home #medium h2:not(.subtitle2) { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-exhibitions .exhibitions.home #medium h2.subtitle2 { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-exhibitions .exhibitions.home #medium h3 { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-exhibitions .exhibitions.home #medium .additional-text { padding-top: 0; /*font-size:inherit;*/ /*line-height:inherit; */ } /*make padding-bottom consistant with custom grid*/ .s-exhibitions .home #large .grid .entry, .s-exhibitions .home #medium .grid .entry { padding-bottom: 80px; } /* CURRENT/UPCOMING - FIT-IMAGE-OPTION-STRETCH SCALING FIX */ .s-exhibitions .home #large .entry .thumb { /*percentage = 704/1600*/ padding-top: 44%; position: relative; } .s-exhibitions .home #large .entry.half .thumb { /*percentage = 588/784*/ padding-top: 75%; position: relative; } .s-exhibitions .home #large .grid .entry.half { width: 48.625%; padding-right: 2.75%; border-top: none } .s-exhibitions .home #large .grid .entry.half:nth-child(2n + 2) { padding-right: 0 } @media screen and (max-width:600px) { .s-exhibitions .home #large .grid .entry.half { width: 100%; padding-right: 0; } } /* custom 3-up flex SEE JS */ .s-exhibitions .home #large.ee-large-flex-3 .grid .entry.half { width: 31.5%; padding-right: 2.75%; } .s-exhibitions .home #large.ee-large-flex-3 .grid .entry.half:nth-child(2n + 2) { padding-right: 2.75% } .s-exhibitions .home #large.ee-large-flex-3 .grid .entry.half:nth-child(3n + 3) { padding-right: 0 } @media screen and (max-width:800px) { .s-exhibitions .home #large.ee-large-flex-3 .grid .entry.half { width: 100%; padding-right: 0; } } .s-exhibitions .home #large .entry .thumb .image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; } .s-exhibitions .home #large .entry .thumb .image img { position: absolute; top: auto; left: 0; right: auto; bottom: 0; height: auto; max-height: 100%; width: auto; max-width: 100%; margin: auto; } .s-exhibitions .home #medium .entry .thumb { /*percentage = 378/504*/ padding-top: 75%; position: relative; } .s-exhibitions .home #medium .entry .thumb .image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; } .s-exhibitions .home #medium .entry .thumb .image img { position: absolute; top: auto; left: 0; right: auto; bottom: 0; height: auto; max-height: 100%; width: auto; max-width: 100%; margin: auto; } /* stretch image - only works with scaling fix above */ .s-exhibitions .home #large .entry .thumb .image img, .s-exhibitions .home #medium .entry .thumb .image img { width: 100%; height: 100%; object-fit: cover; } .s-exhibitions .home #large .entry .thumb .image img[src*='limit'], .s-exhibitions .home #medium .entry .thumb .image img[src*='limit'] { object-fit: contain; object-position: left bottom; } /* PAST YEARS & CATEGORIES SWITCH LINKS ALIGNMENT FIX */ .s-exhibitions .exhibitions.home .past .switch a { padding-right: 0; padding-left: 15px; } .s-exhibitions .exhibitions.home .past .section-header .links { justify-content: flex-end; } @media all and (max-width:614px) { .s-exhibitions .exhibitions.home .past h4 { padding-bottom: 10px; } .s-exhibitions .exhibitions.home .past .section-header { display: block; } .s-exhibitions .exhibitions.home .past .switch a { padding-right: 15px; padding-left: 0; } .s-exhibitions .exhibitions.home .past .section-header .links { justify-content: flex-start; } } /* -------------------------------------- */ /* DETAIL PAGE */ /* -------------------------------------- */ .s-exhibitions.detail-page .page-header .item-header>.links { display: block; } .s-exhibitions.detail-page .page-header .item-header h1 { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-exhibitions.detail-page .page-header .item-header h2:not(.subtitle2) { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-exhibitions.detail-page .page-header .item-header h2.subtitle2 { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-exhibitions.detail-page .page-header .item-header h3 { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-exhibitions.detail-page .page-header .additional-text { padding-top: 0; /*font-size:inherit;*/ /*line-height:inherit; */ } .s-exhibitions.detail-page .page-header .item-header { max-width: 800px; margin-left: auto; margin-right: auto; text-align: center; } .s-exhibitions.detail-page .page-header { border-bottom-color: transparent; margin-bottom: 40px; } .s-exhibitions.detail-page .back { display: none; } .s-exhibitions.detail-page .ee-header-link { background-color: #ffffff; border: 1px solid #000000; padding: 2px 15px 5px 15px; margin-top: 7px; display: inline-block; line-height: 1.8; color: #000000; margin-top: 20px; } .s-exhibitions.detail-page .ee-header-link:hover { color: #ffffff; background-color: #000000; } .s-exhibitions.detail-page section#press-release .left, .s-exhibitions.detail-page section#press-release .right { display: block; width: 100%; padding-left: 0; padding-right: 0; } .s-exhibitions.detail-page #screen-press-release>.container+.container { max-width: 800px; } .s-exhibitions.detail-page #screen-press-release .links.in-text+.links.in-text, .s-exhibitions.detail-page #screen-press-release .links.in-text>.links.in-text { margin-top: 0; } .s-exhibitions.detail-page section#associations .container { max-width: 1080px; } /* EXHIBITION QUICKLINK WORKAROUND*/ .s-exhibitions.detail-page nav.quicklinks { font-size: 13px; text-transform: uppercase; position: fixed; top: 0; left: 0; width: 100%; box-sizing: border-box; display: block; text-align: center; padding-top: 12px; padding-left: inherit; padding-right: inherit; padding-bottom: 15px; z-index: 60; background-color: #ffffff; border: transparent; transform: translateY(-100%); box-shadow: none; opacity: 0; transition: transform .15s, box-shadow .15s, opacity .15s; } .s-exhibitions.detail-page nav.quicklinks a { color: #000000; } .s-exhibitions.detail-page nav.quicklinks a:hover { color: #808080; } .s-exhibitions.detail-page.ee-custom-scroll-on nav.quicklinks { transform: translateY(0%); opacity: 1; box-shadow: 0 0 50px 50px rgba(0, 0, 0, 0.03); transition: transform .3s, box-shadow .3s, opacity .3s; } .s-exhibitions.detail-page nav.quicklinks:after { content: none; } @media all and (max-width: 1023px) { .s-exhibitions.detail-page nav.quicklinks { display: none; } } /* -------------------------------------------------------------------------- */ /* ART FAIRS */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* INDEX PAGE */ /* -------------------------------------- */ #art-fairs-grid .title { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #art-fairs-grid .subtitle:not(.subtitle2) { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #art-fairs-grid .subtitle2 { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #art-fairs-grid .date { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #art-fairs-grid .additional-text { padding-top: 0; /*font-size:inherit;*/ /*line-height:inherit;*/ } #art-fairs-grid .entry .links { margin-top: 1em; } /* Large */ .s-art-fairs .exhibitions.home #large .entry .links { margin-top: 1em; } .s-art-fairs .exhibitions.home #large h1 { font-size: 24px; /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-art-fairs .exhibitions.home #large h2:not(.subtitle2) { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-art-fairs .exhibitions.home #large h2.subtitle2 { /*font-size:inherit;*/ /*line-height:inherit; */ /*margin-bottom:0;*/ } .s-art-fairs .exhibitions.home #large h3 { /*font-size:inherit;*/ /*line-height:inherit; */ /*margin-bottom:0;*/ } .s-art-fairs .exhibitions.home #large .additional-text { padding-top: 0; /*font-size:inherit;*/ /*line-height:inherit; */ } /* Medium */ .s-art-fairs .exhibitions.home #medium .entry .links { margin-top: 1em; } .s-art-fairs .exhibitions.home #medium h1 { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-art-fairs .exhibitions.home #medium h2:not(.subtitle2) { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-art-fairs .exhibitions.home #medium h2.subtitle2 { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-art-fairs .exhibitions.home #medium h3 { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-art-fairs .exhibitions.home #medium .additional-text { padding-top: 0; /*font-size:inherit;*/ /*line-height:inherit; */ } /*make padding-bottom consistant with custom grid*/ .s-art-fairs .home #large .grid .entry, .s-art-fairs .home #medium .grid .entry { padding-bottom: 80px; } /* CURRENT/UPCOMING - FIT-IMAGE-OPTION-STRETCH SCALING FIX */ .s-art-fairs .home #large .entry .thumb { /*percentage = 704/1600*/ padding-top: 44%; position: relative; } .s-art-fairs .home #large .entry.half .thumb { /*percentage = 588/784*/ padding-top: 75%; position: relative; } .s-art-fairs .home #large .grid .entry.half { width: 48.625%; padding-right: 2.75%; border-top: none } .s-art-fairs .home #large .grid .entry.half:nth-child(2n + 2) { padding-right: 0 } @media screen and (max-width:600px) { .s-art-fairs .home #large .grid .entry.half { width: 100%; padding-right: 0; } } /* custom 3-up flex SEE JS */ .s-art-fairs .home #large.ee-large-flex-3 .grid .entry.half { width: 31.5%; padding-right: 2.75%; } .s-art-fairs .home #large.ee-large-flex-3 .grid .entry.half:nth-child(2n + 2) { padding-right: 2.75% } .s-art-fairs .home #large.ee-large-flex-3 .grid .entry.half:nth-child(3n + 3) { padding-right: 0 } @media screen and (max-width:800px) { .s-art-fairs .home #large.ee-large-flex-3 .grid .entry.half { width: 100%; padding-right: 0; } } .s-art-fairs .home #large .entry .thumb .image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; } .s-art-fairs .home #large .entry .thumb .image img { position: absolute; top: auto; left: 0; right: auto; bottom: 0; height: auto; max-height: 100%; width: auto; max-width: 100%; margin: auto; } .s-art-fairs .home #medium .entry .thumb { /*percentage = 378/504*/ padding-top: 75%; position: relative; } .s-art-fairs .home #medium .entry .thumb .image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; } .s-art-fairs .home #medium .entry .thumb .image img { position: absolute; top: auto; left: 0; right: auto; bottom: 0; height: auto; max-height: 100%; width: auto; max-width: 100%; margin: auto; } /* stretch image - only works with scaling fix above */ .s-art-fairs .home #large .entry .thumb .image img, .s-art-fairs .home #medium .entry .thumb .image img { width: 100%; height: 100%; object-fit: cover; } .s-art-fairs .home #large .entry .thumb .image img[src*='limit'], .s-art-fairs .home #medium .entry .thumb .image img[src*='limit'] { object-fit: contain; object-position: left bottom; } /* PAST YEARS & CATEGORIES SWITCH LINKS ALIGNMENT FIX */ .s-art-fairs .exhibitions.home .past .switch a { padding-right: 0; padding-left: 15px; } .s-art-fairs .exhibitions.home .past .section-header .links { justify-content: flex-end; } @media all and (max-width:614px) { .s-art-fairs .exhibitions.home .past h4 { padding-bottom: 10px; } .s-art-fairs .exhibitions.home .past .section-header { display: block; } .s-art-fairs .exhibitions.home .past .switch a { padding-right: 15px; padding-left: 0; } .s-art-fairs .exhibitions.home .past .section-header .links { justify-content: flex-start; } } /* -------------------------------------- */ /* DETAIL PAGE */ /* -------------------------------------- */ .s-art-fairs.detail-page .page-header .item-header>.links { display: block; } .s-art-fairs.detail-page .page-header .item-header h1 { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-art-fairs.detail-page .page-header .item-header h2:not(.subtitle2) { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-art-fairs.detail-page .page-header .item-header h2.subtitle2 { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-art-fairs.detail-page .page-header .item-header h3 { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-art-fairs.detail-page .page-header .additional-text { padding-top: 0; /*font-size:inherit;*/ /*line-height:inherit; */ } .s-art-fairs.detail-page .page-header .item-header { max-width: 800px; margin-left: auto; margin-right: auto; text-align: center; } .s-art-fairs.detail-page .page-header { border-bottom-color: transparent; margin-bottom: 40px; } .s-art-fairs.detail-page .back { display: none; } .s-art-fairs.detail-page .ee-header-link { background-color: #ffffff; border: 1px solid #000000; padding: 2px 15px 5px 15px; margin-top: 7px; display: inline-block; line-height: 1.8; color: #000000; margin-top: 20px; } .s-art-fairs.detail-page .ee-header-link:hover { color: #ffffff; background-color: #000000; } .s-art-fairs.detail-page section#press-release .left, .s-art-fairs.detail-page section#press-release .right { display: block; width: 100%; padding-left: 0; padding-right: 0; } .s-art-fairs.detail-page #screen-press-release>.container+.container { max-width: 800px; } .s-art-fairs.detail-page #screen-press-release .links.in-text+.links.in-text, .s-art-fairs.detail-page #screen-press-release .links.in-text>.links.in-text { margin-top: 0; } .s-art-fairs.detail-page section#associations .container { max-width: 1080px; } /* -------------------------------------------------------------------------- */ /* PUBLICATIONS */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* INDEX PAGE */ /* -------------------------------------- */ #publications-grid .title { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #publications-grid .subtitle { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #publications-grid .date { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #publications-grid .additional-text { padding-top: 0; /*font-size:inherit;*/ /*line-height:inherit; */ } #publications-grid .entry .links { margin-top: 1em; /*font-size:inherit;*/ /*line-height:inherit; */ } #publications-grid .custom-grid-publications .entry .placeholder .image img { max-width: 75%; padding: 0; } /*.s-publications .home .filter-items {*/ /* padding-bottom:0*/ /*}*/ /*@media all and (max-width: 768px) {*/ /* .s-publications .home .section-header{*/ /* display:block;*/ /* }*/ /* .s-publications .home .filter-items {*/ /* padding-top:15px*/ /* } */ /*}*/ /* CUSTOM PUB HOME HEADER SEE JS */ .s-publications .home .ee-header-wrapper { padding-bottom: 25px; } .s-publications .home .ee-header-wrapper>.container { display: flex; justify-content: space-between; } .s-publications .home .ee-header-wrapper .filter-items.container { margin: 0; white-space: nowrap; } .s-publications .home .ee-header-text { padding-right: 5%; } @media all and (max-width: 767px) { .s-publications .home .ee-header-wrapper>.container { display: block; } .s-publications .home .ee-header-text { padding-right: 0; padding-bottom: 20px; } .s-publications .home .ee-header-wrapper .filter-items.container { white-space: initial; } } /* PUBLICATION OVERIDE */ /* The manager needs to be set to the larger images and grid */ /* The global grid set with CSS here to smaller grid */ /* The custom grid set with CSS here to larger grid */ /* ENTRY OVERIDE COPY/PAST FROM COLLAGE */ .custom-grid-publications .entry { width: 23.125%; margin-right: 2.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-publications .entry:nth-child(4n+4) { margin-right: 2.5%; } .custom-grid-publications .entry:nth-child(3n+3) { margin-right: 2.5%; } .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 2.5%; } .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 2.5%; } .custom-grid-publications .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-publications .entry .placeholder { padding-top: 75.135135135135%; background: #f7f7f7; } .custom-grid-publications .entry .placeholder .image img { max-height: 92.805755395683%; max-width: 94.594594594595%; padding: 2.7027027027027%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } @media all and (max-width: 768px) { .custom-grid-publications .entry { width: 30.833333333333%; margin-right: 3.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-publications .entry:nth-child(4n+4) { margin-right: 3.75%; } .custom-grid-publications .entry:nth-child(3n+3) { margin-right: 3.75%; } .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 3.75%; } .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 3.75%; } .custom-grid-publications .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-publications .entry .placeholder { padding-top: 75.135135135135%; background: #f7f7f7; } .custom-grid-publications .entry .placeholder .image img { max-height: 92.805755395683%; max-width: 94.594594594595%; padding: 2.7027027027027%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid-publications .entry { width: 46.25%; margin-right: 7.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-publications .entry:nth-child(4n+4) { margin-right: 7.5%; } .custom-grid-publications .entry:nth-child(3n+3) { margin-right: 7.5%; } .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 7.5%; } .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 7.5%; } .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-publications .entry .placeholder { padding-top: 75.135135135135%; background: #f7f7f7; } .custom-grid-publications .entry .placeholder .image img { max-height: 92.805755395683%; max-width: 94.594594594595%; padding: 2.7027027027027%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid-publications .entry { width: 46.25%; margin-right: 7.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-publications .entry:nth-child(4n+4) { margin-right: 7.5%; } .custom-grid-publications .entry:nth-child(3n+3) { margin-right: 7.5%; } .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 7.5%; } .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 7.5%; } .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-publications .entry .placeholder { padding-top: 75.135135135135%; background: #f7f7f7; } .custom-grid-publications .entry .placeholder .image img { max-height: 92.805755395683%; max-width: 94.594594594595%; padding: 2.7027027027027%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } /* FIRST CATEGORY OVERIDE */ .s-publications .home .category:first-of-type .custom-grid-publications .entry { width: 31.5%; margin-right: 2.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .s-publications .home .category:first-of-type .custom-grid-publications .entry:nth-child(3n+3) { margin-right: 0; } .s-publications .home .category:first-of-type .custom-grid-publications .entry .placeholder { padding-top: 75%; background: #f7f7f7; } .s-publications .home .category:first-of-type .custom-grid-publications .entry .placeholder .image img { max-height: 94.708994708995%; max-width: 96.031746031746%; padding: 1.984126984127%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } @media all and (max-width: 768px) { .s-publications .home .category:first-of-type .custom-grid-publications .entry { width: 31.5%; margin-right: 2.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .s-publications .home .category:first-of-type .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 2.75%; } .s-publications .home .category:first-of-type .custom-grid-publications .entry:nth-child(3n+3) { margin-right: 0; } } @media all and (max-width: 600px) { .s-publications .home .category:first-of-type .custom-grid-publications .entry { width: 47.25%; margin-right: 5.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .s-publications .home .category:first-of-type .custom-grid-publications .entry:nth-child(3n+3) { margin-right: 5.5%; } .s-publications .home .category:first-of-type .custom-grid-publications .entry:nth-child(3n+3) { margin-right: 5.5%; } .s-publications .home .category:first-of-type .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 5.5%; } .s-publications .home .category:first-of-type .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 5.5%; } .s-publications .home .category:first-of-type .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 0; } .s-publications .home .category:first-of-type .custom-grid-publications .entry .placeholder { padding-top: 75%; background: #f7f7f7; } .s-publications .home .category:first-of-type .custom-grid-publications .entry .placeholder .image img { max-height: 94.708994708995%; max-width: 96.031746031746%; padding: 1.984126984127%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .s-publications .home .category:first-of-type .custom-grid-publications .entry { width: 47.25%; margin-right: 5.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .s-publications .home .category:first-of-type .custom-grid-publications .entry:nth-child(3n+3) { margin-right: 5.5%; } .s-publications .home .category:first-of-type .custom-grid-publications .entry:nth-child(3n+3) { margin-right: 5.5%; } .s-publications .home .category:first-of-type .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 5.5%; } .s-publications .home .category:first-of-type .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 5.5%; } .s-publications .home .category:first-of-type .custom-grid-publications .entry:nth-child(2n+2) { margin-right: 0; } .s-publications .home .category:first-of-type .custom-grid-publications .entry .placeholder { padding-top: 75%; background: #f7f7f7; } .s-publications .home .category:first-of-type .custom-grid-publications .entry .placeholder .image img { max-height: 94.708994708995%; max-width: 96.031746031746%; padding: 1.984126984127%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } /* -------------------------------------- */ /* DETAIL PAGE */ /* -------------------------------------- */ .s-publications.detail-page .page-header .item-header h1 { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-publications.detail-page .page-header .item-header h2 { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-publications.detail-page .page-header .item-header h3 { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-publications.detail-page .page-header .additional-text { padding-top: 0; /*font-size:inherit;*/ /*line-height:inherit; */ } .s-publications.detail-page .page-header .item-header { max-width: 800px; margin-left: auto; margin-right: auto; text-align: center; } .s-publications.detail-page .page-header { border-bottom-color: transparent; margin-bottom: 40px; } .s-publications.detail-page .back { display: none; } .s-publications.detail-page section#description .left, .s-publications.detail-page section#description .right { display: block; width: 100%; padding-left: 0; padding-right: 0; } .s-publications.detail-page section#description .container { max-width: 800px; } .s-publications.detail-page section#description header { display: none; } .s-publications.detail-page section#images header { display: none; } .s-publications.detail-page section#embed { /*margin-top:-40px;*/ text-align: center; margin-bottom: 80px; } .s-publications.detail-page section#embed .embed>.container>div { margin-left: auto; margin-right: auto; font-family: inherit !important; } .s-publications.detail-page section#embed .embed>.container>div p { font-size: 14px !important; line-height: 1.8 !important; } .s-publications.detail-page section#embed .embed>.container>div a { font-size: 14px !important; display: inline-block; border: 1px solid #000000 !important; padding: 2px 15px 5px 15px; margin-top: 20px; line-height: 1.8 !important; color: #000000 !important; background-color: #ffffff !important; height: auto !important; width: auto !important; min-width: unset !important; } .s-publications.detail-page section#embed .embed>.container>div a:hover { color: #ffffff !important; background-color: #000000 !important; } .s-publications.detail-page section#embed .container { max-width: 800px; } /*.s-publications.detail-page #publication_fake_screen{*/ /* display:none;*/ /*}*/ /*.s-publications.detail-page #swiper-a .slideshow-headline{*/ /* display:none;*/ /*}*/ /*.s-publications.detail-page #content-2-column .container{*/ /* max-width:800px;*/ /*}*/ /*.s-publications.detail-page #content-2-column .left {*/ /* width: calc(48.66% - 30%);*/ /*}*/ /*.s-publications.detail-page #content-2-column .right {*/ /* width: calc(48.66% + 30%);*/ /*}*/ /*@media (max-width: 768px) {*/ /* .s-publications.detail-page #content-2-column .left,*/ /* .s-publications.detail-page #content-2-column .right{*/ /* width: 100%;*/ /* float:none;*/ /* padding-left:0;*/ /* padding-right:0;*/ /* }*/ /*}*/ /* -------------------------------------------------------------------------- */ /* NEWS */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* INDEX PAGE */ /* -------------------------------------- */ .s-news .home .switch a[href="/news?period=past"] { display: none; } #news-grid .title { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #news-grid .subtitle { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #news-grid .date { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #news-grid .entry .links { margin-top: 1em; /*font-size:inherit;*/ /*line-height:inherit;*/ } #news-grid .entry { padding-bottom: 0; } #news-grid .entry .ee-custom-detail { display: block; text-align: center; padding-top: 5px; padding-bottom: 15px; margin-bottom: 25px; border-bottom: 1px solid #eeeeee; font-size: 8px; line-height: 1; text-transform: uppercase; } #news-list h1 { /*line-height:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #news-list h2 { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #news-list h3 { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #news-list .entry .links { margin-top: 1em; /*font-size:inherit;*/ /*line-height:inherit;*/ } .s-news .news.news-index #news-list>.news.container { max-width: 1200px; } .s-news .news-index .entry .thumbnail { width: 30%; max-width: 100% } .s-news .news-index .entry .info { max-width: 800px; width: 65%; } /* ENTRY OVERIDE [COPY PASTE FROM COLLAGE] */ /* This was originaly used to control Events page related News which is now disabled */ /*.custom-grid-news .entry {*/ /* width: 31.5%;*/ /* margin-right: 2.75%;*/ /* margin-bottom: 80px;*/ /* display: inline-block;*/ /* vertical-align: top;*/ /*}*/ /*.custom-grid-news .entry:nth-child(3n+3) {*/ /* margin-right: 0;*/ /*} */ /*.custom-grid-news .entry .placeholder {*/ /* padding-top: 75%;*/ /* background: inherit;*/ /*}*/ /*.custom-grid-news .entry .placeholder .image img {*/ /* max-height: 100%;*/ /* max-width: 100%;*/ /* padding: 0;*/ /* position: absolute;*/ /* top: auto;*/ /* right: auto;*/ /* bottom: 0;*/ /* left: 0; */ /*}*/ /*@media all and (max-width: 768px) {*/ /* .custom-grid-news .entry {*/ /* width: 31.5%;*/ /* margin-right: 2.75%;*/ /* margin-bottom: 80px;*/ /* display: inline-block;*/ /* vertical-align: top;*/ /* }*/ /* .custom-grid-news .entry:nth-child(3n+3){*/ /* margin-right: 2.75%;*/ /* }*/ /* .custom-grid-news .entry:nth-child(3n+3){*/ /* margin-right: 2.75%;*/ /* }*/ /* .custom-grid-news .entry:nth-child(2n+2){*/ /* margin-right: 2.75%;*/ /* }*/ /* .custom-grid-news .entry:nth-child(2n+2){*/ /* margin-right: 2.75%;*/ /* }*/ /* .custom-grid-news .entry:nth-child(3n+3) {*/ /* margin-right: 0;*/ /* } */ /* .custom-grid-news .entry .placeholder {*/ /* padding-top: 75%;*/ /* background: inherit;*/ /* }*/ /* .custom-grid-news .entry .placeholder .image img {*/ /* max-height: 100%;*/ /* max-width: 100%;*/ /* padding: 0;*/ /* position: absolute;*/ /* top: auto;*/ /* right: auto;*/ /* bottom: 0;*/ /* left: 0; */ /* }*/ /*}*/ /*@media all and (max-width: 600px) {*/ /* .custom-grid-news .entry {*/ /* width: 47.25%;*/ /* margin-right: 5.5%;*/ /* margin-bottom: 80px;*/ /* display: inline-block;*/ /* vertical-align: top;*/ /* }*/ /* .custom-grid-news .entry:nth-child(3n+3){*/ /* margin-right: 5.5%;*/ /* }*/ /* .custom-grid-news .entry:nth-child(3n+3){*/ /* margin-right: 5.5%;*/ /* }*/ /* .custom-grid-news .entry:nth-child(2n+2){*/ /* margin-right: 5.5%;*/ /* }*/ /* .custom-grid-news .entry:nth-child(2n+2){*/ /* margin-right: 5.5%;*/ /* }*/ /* .custom-grid-news .entry:nth-child(2n+2) {*/ /* margin-right: 0;*/ /* } */ /* .custom-grid-news .entry .placeholder {*/ /* padding-top: 75%;*/ /* background: inherit;*/ /* }*/ /* .custom-grid-news .entry .placeholder .image img {*/ /* max-height: 100%;*/ /* max-width: 100%;*/ /* padding: 0;*/ /* position: absolute;*/ /* top: auto;*/ /* right: auto;*/ /* bottom: 0;*/ /* left: 0; */ /* }*/ /*}*/ /*@media all and (max-width: 400px) {*/ /* .custom-grid-news .entry {*/ /* width: 47.25%;*/ /* margin-right: 5.5%;*/ /* margin-bottom: 80px;*/ /* display: inline-block;*/ /* vertical-align: top;*/ /* }*/ /* .custom-grid-news .entry:nth-child(3n+3){*/ /* margin-right: 5.5%;*/ /* }*/ /* .custom-grid-news .entry:nth-child(3n+3){*/ /* margin-right: 5.5%;*/ /* }*/ /* .custom-grid-news .entry:nth-child(2n+2){*/ /* margin-right: 5.5%;*/ /* }*/ /* .custom-grid-news .entry:nth-child(2n+2){*/ /* margin-right: 5.5%;*/ /* }*/ /* .custom-grid-news .entry:nth-child(2n+2) {*/ /* margin-right: 0;*/ /* } */ /* .custom-grid-news .entry .placeholder {*/ /* padding-top: 75%;*/ /* background: inherit;*/ /* }*/ /* .custom-grid-news .entry .placeholder .image img {*/ /* max-height: 100%;*/ /* max-width: 100%;*/ /* padding: 0;*/ /* position: absolute;*/ /* top: auto;*/ /* right: auto;*/ /* bottom: 0;*/ /* left: 0; */ /* }*/ /*}*/ /* -------------------------------------- */ /* DETAIL PAGE */ /* -------------------------------------- */ .s-news.detail-page .page-header .item-header h1 { /*line-height:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-news.detail-page .page-header .item-header h2 { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-news.detail-page .page-header .item-header h3 { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-news.detail-page .page-header .item-header { max-width: 800px; margin-left: auto; margin-right: auto; text-align: center; } .s-news.detail-page .page-header { border-bottom-color: transparent; margin-bottom: 40px; } .s-news.detail-page .back { display: none; } .s-news.detail-page .news-details .container { max-width: 1600px; } .s-news.detail-page .news-details>.clearfix>.container { display: flex; flex-direction: row-reverse; } .s-news.detail-page .news-details>.clearfix>.container .details, .s-news.detail-page .news-details>.clearfix>.container .image { width: 50%; box-sizing: border-box; max-width: 100%; } .s-news.detail-page .news-details>.clearfix>.container .image .caption { max-width: 400px; margin-left: auto; margin-right: auto; } @media all and (max-width:768px) { .s-news.detail-page .news-details>.clearfix>.container { display: block; } .s-news.detail-page .news-details>.clearfix>.container .details, .s-news.detail-page .news-details>.clearfix>.container .image { width: 100%; } .s-news.detail-page .news-details>.clearfix>.container .image { padding-bottom: 80px; } } .s-news.detail-page .news-details>.clearfix>.container .details { padding-right: 4%; } .s-news.detail-page .news-details>.clearfix>.container .image { text-align: center; } .s-news.detail-page .news-details>.clearfix>.container .image img { margin: 0 auto; } .s-news.detail-page .news-details { padding-bottom: 80px; } /* -------------------------------------------------------------------------- */ /* EVENTS */ /* -------------------------------------------------------------------------- */ /*.s-events #wrapper-associations header{*/ /* display:none;*/ /*}*/ /*.s-events #wrapper-associations > .associations > #related-news.ee-duplicate .entry {*/ /* width: 48.625%;*/ /* margin-right: 2.75%;*/ /* margin-bottom: 80px;*/ /* display: inline-block;*/ /* vertical-align: top;*/ /*}*/ /* .s-events #wrapper-associations > .associations > #related-news.ee-duplicate .entry:nth-child(4n+4){*/ /* margin-right: 2.75%;*/ /* }*/ /* .s-events #wrapper-associations > .associations > #related-news.ee-duplicate .entry:nth-child(4n+4){*/ /* margin-right: 2.75%;*/ /* }*/ /* .s-events #wrapper-associations > .associations > #related-news.ee-duplicate .entry:nth-child(3n+3){*/ /* margin-right: 2.75%;*/ /* }*/ /* .s-events #wrapper-associations > .associations > #related-news.ee-duplicate .entry:nth-child(2n+2){*/ /* margin-right: 2.75%;*/ /* }*/ /*.s-events #wrapper-associations > .associations > #related-news.ee-duplicate .entry:nth-child(2n+2) {*/ /* margin-right: 0;*/ /*} */ /*.s-events #wrapper-associations > .associations > #related-news.ee-duplicate .entry .placeholder {*/ /* padding-top: 75.135135135135%;*/ /* background: inherit;*/ /*}*/ /*.s-events #wrapper-associations > .associations > #related-news.ee-duplicate .entry .placeholder .image img {*/ /* max-height: 100%;*/ /* max-width: 100%;*/ /* padding: 0;*/ /* position: absolute;*/ /* top: auto;*/ /* right: auto;*/ /* bottom: 0;*/ /* left: 0; */ /*}*/ /*@media screen and (max-width:600px) {*/ /* .s-events #wrapper-associations > .associations > #related-news.ee-duplicate .entry {*/ /* width:100%;*/ /* padding-right: 0;*/ /* }*/ /*}*/ /* -------------------------------------------------------------------------- */ /* PRESS */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* INDEX PAGE */ /* -------------------------------------- */ #press-grid .title { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #press-grid .subtitle { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #press-grid .date { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #press-grid .entry .links { margin-top: 1em; /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #press-grid .entry { padding-bottom: 0; } /* -------------------------------------------------------------------------- */ /* OBJECTS */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* INDEX PAGE */ /* -------------------------------------- */ #objects-grid .title { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #objects-grid .subtitle:not(.subtitle2) { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #objects-grid .subtitle2 { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #objects-grid .date { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #objects-grid .additional-text { padding-top: 0; /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } /* -------------------------------------- */ /* DETAIL PAGE */ /* -------------------------------------- */ .s-objects.detail-page .page-header .item-header h1 { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-objects.detail-page .page-header .item-header h2:not(.subtitle2) { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-objects.detail-page .page-header .item-header h2.subtitle2 { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-objects.detail-page .page-header .item-header h3 { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-objects.detail-page .page-header .additional-text { padding-top: 0; /*font-size:inherit;*/ /*line-height:inherit;*/ } .s-objects.detail-page .page-header .back { /*display:none;*/ } .s-objects.detail-page section#associations .container { max-width: 1080px; } /* -------------------------------------------------------------------------- */ /* CONTACT */ /* -------------------------------------------------------------------------- */ /* 3-COL */ /*.s-contact #wrapper-3-col .column{*/ /* padding-bottom:70px; */ /*}*/ /*.s-contact #wrapper-3-col .content{*/ /* padding-bottom:0;*/ /*}*/ /* 4-COL */ /*.s-contact #wrapper-4-col .text-four-columns .content {*/ /* display: flex;*/ /* display: -webkit-flex;*/ /* flex-wrap: wrap;*/ /* -webkit-flex-wrap: wrap;*/ /* justify-content: space-between;*/ /* -webkit-justify-content:space-between*/ /*}*/ /*.s-contact #wrapper-4-col .text-four-columns .column{*/ /* padding:0;*/ /* padding-bottom:70px;*/ /*}*/ /*.s-contact #wrapper-4-col .text-four-columns .column {*/ /* width: 23%;*/ /*}*/ /*@media (max-width: 768px) {*/ /* .s-contact #wrapper-4-col .text-four-columns .column {*/ /* width: 48%;*/ /* } */ /*}*/ /*@media (max-width: 600px) {*/ /* .s-contact #wrapper-4-col .text-four-columns .column {*/ /* width: 100%;*/ /* } */ /*}*/ /*.s-contact #wrapper-4-col .content{*/ /* padding-bottom:0;*/ /*}*/ /* MAP */ /*.s-contact #wrapper-map{*/ /* padding-bottom:100px;*/ /*}*/ /* -------------------------------------- */ /* LOCATION CONTACT*/ .s-contact #screen-location-contact .content { padding-bottom: 0; } .s-contact #screen-location-contact .text-two-columns .left, .s-contact #screen-location-contact .text-two-columns .right { padding-bottom: 70px; } @media all and (max-width: 680px) { .s-contact #screen-location-contact .text-two-columns .left, .s-contact #screen-location-contact .text-two-columns .right { display: block; width: 100%; padding-right: 0; padding-left: 0; } } /* -------------------------------------- */ /* LOCATION GRID A */ /* -------------------------------------- */ .s-contact #screen-location header { display: none; } .s-contact #screen-location .titles { /*font-size: inherit;*/ /*line-height: inherit;*/ /*display:block;*/ display: none; } .s-contact #screen-location .entry p { line-height: inherit; } .s-contact #screen-location .entry { padding-right: 0; padding-bottom: 0; } .s-contact #screen-location .entry { width: 48.4375%; margin-right: 3.125%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .s-contact #screen-location .entry:nth-child(2n+2) { margin-right: 0; } .s-contact #screen-location .entry .placeholder { padding-top: 75%; background: inherit; } .s-contact #screen-location .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .s-contact #screen-location .grid { padding-bottom: 0; } .s-contact #screen-location .entry>div:not(.placeholder) { z-index: 1; position: relative; } .s-contact #screen-location .entry>div.placeholder { z-index: 2; position: absolute; top: 0; left: 0; } .s-contact #screen-location .entry>div.placeholder:hover { cursor: pointer; } /* -------------------------------------- */ /* STAFF */ /*.s-contact #wrapper-staff header,*/ .s-contact #wrapper-staff .placeholder, .s-contact #wrapper-staff .links { display: none; } .s-contact #wrapper-staff { padding-bottom: 50px; } .s-contact #wrapper-staff .titles { font-family: "Futura Now Headline"; font-size: 20px; line-height: 1.39; display: block; margin-bottom: 5px; } @media all and (max-width: 900px) { .s-contact #wrapper-staff .grid .entry:nth-child(4n + 4), .s-contact #wrapper-staff .grid .entry:nth-child(5n + 5) { padding-right: 4.2%; margin-right: 0 } .s-contact #wrapper-staff .grid .entry:nth-child(3n + 3) { padding-right: 0 } .s-contact #wrapper-staff .grid .entry { width: 30.5%; padding-right: 4.2% } } @media all and (max-width: 680px) { .s-contact #wrapper-staff .grid .entry { width: 47%; padding-right: 5.75% } .s-contact #wrapper-staff .grid .entry:nth-child(2n + 2) { padding-right: 0 !important } .s-contact #wrapper-staff .grid .entry:nth-child(3n + 3), .s-contact #wrapper-staff .grid .entry:nth-child(5n + 5) { padding-right: 5.75% } } /* CONTACT MAILING LIST */ .s-contact #screen-mailing-list .container+.container { max-width: 800px; /*text-align:center;*/ } .s-contact #screen-mailing-list .content { /*padding-top:50px;*/ } .s-contact #screen-mailing-list .text-one-column { padding-bottom: 0; } .s-contact #screen-mailing-list .content { padding-top: 50px; } /* -------------------------------------- */ /*ABOUT*/ .s-contact #screen-about .content { max-width: 800px; margin: 0 auto; padding-bottom: 30px; } /* -------------------------------------- */ /*INFO*/ .s-contact #screen-info .content { max-width: 800px; margin: 0 auto; padding-bottom: 30px; } /* JS COLUMN LIMIT - SEE JS */ /*.s-contact .column.ee-has-form{*/ /* max-width:300px;*/ /*}*/ /*@media (max-width: 768px) {*/ /* .s-contact .column.ee-has-form{*/ /* max-width:100%;*/ /* } */ /*}*/ /* -------------------------------------------------------------------------- */ /* MAIL CHIMP */ /* -------------------------------------------------------------------------- */ body #mc_embed_signup .button { clear: both; background-color: #ffffff; border: 0 none; border-radius: 0; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 14px; font-weight: normal; height: auto; line-height: 1.8; margin: 0 5px 10px 0; padding: 2px 15px 5px 15px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto; border: 1px solid #000000; color: #000000; } body #mc_embed_signup .button:hover { color: #ffffff; background-color: #000000; } body #mc_embed_signup .mc-field-group { width: 100%; } body #mc_embed_signup form { padding: 0; } body #mc_embed_signup input { border: 1px solid #dddddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } body #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error { padding: 0; } body #mc_embed_signup #mc_embed_signup div#mce-responses { padding: 0; width: 100%; margin: 0; } /*body #mc_embed_signup .mc-field-group input{*/ /* text-indent:10px;*/ /*}*/ /* footer */ body footer #mc_embed_signup .button { margin: 0 0 0 auto; display: block; } @media all and (max-width:1023px) { body footer #mc_embed_signup .button { margin: 0 auto 0 0; } } body footer #mc_embed_signup { padding-bottom: 20px; } footer #mc_embed_shell { padding-top: 5px; } footer #mc_embed_shell label { display: none; } /*HIDE MAIL CHIMP ON THESE PAGES*/ .s-home footer #mc_embed_signup, .s-contact footer #mc_embed_signup { display: none; } .s-home footer .footer-col4>p, .s-contact footer .footer-col4>p { display: none; } /* -------------------------------------------------------------------------- */ /* PRIVACY POLICY */ /* -------------------------------------------------------------------------- */ #screen-privacy-policy .content { max-width: 100%; } #screen-privacy-policy .container { max-width: 800px; } /* -------------------------------------------------------------------------- */ /* EDITORIAL */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* EDITORIAL GRID */ /* -------------------------------------- */ .s-editorial section[id^="wrapper-grid"] .entry .links { display: none; } .s-editorial section[id^="wrapper-grid"] .ee-custom-detail { display: block; text-align: center; padding-top: 5px; padding-bottom: 15px; margin-bottom: 25px; border-bottom: 1px solid #000000; font-size: 9px; line-height: 1; text-transform: uppercase; } /* -------------------------------------- */ /* EDITORIAL GRID FLEX */ /* -------------------------------------- */ .s-editorial [id^="screen-grid-flex"] header { display: none; } .s-editorial [id^="screen-grid-flex"] .titles { font-family: "Futura Now Headline"; font-size: 20px; line-height: 1.39; margin-bottom: 3px; display: block; } .s-editorial [id^="screen-grid-flex"] .entry p { line-height: inherit; color: #000000; } .s-editorial [id^="screen-grid-flex"] .entry { padding-right: 0; padding-bottom: 0; } .s-editorial [id^="screen-grid-flex"] .entry { width: 48.4375%; margin-right: 3.125%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .s-editorial [id^="screen-grid-flex"] .entry:nth-child(2n+2) { margin-right: 0; } .s-editorial [id^="screen-grid-flex"] .entry .placeholder { padding-top: 75%; background: inherit; } .s-editorial [id^="screen-grid-flex"] .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .s-editorial [id^="screen-grid-flex"] .grid { padding-bottom: 0; } /* see js */ .s-editorial .ee-grid-flex-3 [id^="screen-grid-flex"] .entry { width: 31.25%; margin-right: 3.125%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .s-editorial .ee-grid-flex-3 [id^="screen-grid-flex"] .entry:nth-child(3n+3) { margin-right: 0; } @media all and (max-width: 600px) { .s-editorial .ee-grid-flex-3 [id^="screen-grid-flex"] .entry { width: 48.4375%; margin-right: 3.125%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .s-editorial .ee-grid-flex-3 [id^="screen-grid-flex"] .entry:nth-child(3n+3) { margin-right: 3.125%; } .s-editorial .ee-grid-flex-3 [id^="screen-grid-flex"] .entry:nth-child(2n+2) { margin-right: 0; } } /* EE-VIEW-MORE (BUTTON) */ .s-editorial #viewing-room-grid.ee-preview .entry:not(:nth-child(-n+4)) { display: none; } .s-editorial .ee-view-more-container { text-align: center; padding-bottom: 100px !important; } .s-editorial .ee-view-more-container a { cursor: pointer; line-height: 1.8; border: 1px solid #000; color: #000; padding: 2px 15px 5px 15px; display: inline-block; transition: background .3s } .s-editorial .ee-view-more-container a:hover { background: #000; color: #fff !important; } .s-editorial #wrapper-associations header { display: none; } /* -------------------------------------------------------------------------- */ /* VIEWING ROOM */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* INDEX PAGE */ /* -------------------------------------- */ #viewing-room-grid .title { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #viewing-room-grid .subtitle:not(.subtitle2) { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #viewing-room-grid .subtitle2 { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #viewing-room-grid .date { /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #viewing-room-grid .additional-text { padding-top: 0; /*font-size:inherit;*/ /*line-height:inherit;*/ } /* EE-VIEW-MORE (BUTTON) */ .s-viewing-room .home #viewing-room-grid.ee-preview .entry:not(:nth-child(-n+4)) { display: none; } .s-viewing-room .home .ee-view-more-container { text-align: center; padding-bottom: 100px !important; } .s-viewing-room .home .ee-view-more-container a { cursor: pointer; line-height: 1.8; border: 1px solid #000; color: #000; padding: 2px 15px 5px 15px; display: inline-block; transition: background .3s } .s-viewing-room .home .ee-view-more-container a:hover { background: #000; color: #fff !important; } /*ENTRY OVERIDE [COPY PASTE FROM COLLAGE] */ /* The manager needs to be set to the larger images and grid */ /* The global grid set with CSS here to smaller grid */ /* The custom grid set with CSS here to larger grid */ .custom-grid-viewing-room .entry { width: 23.125%; margin-right: 2.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-viewing-room .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-viewing-room .entry .placeholder { padding-top: 75.135135135135%; background: inherit; } .custom-grid-viewing-room .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } @media all and (max-width: 768px) { .custom-grid-viewing-room .entry { width: 30.833333333333%; margin-right: 3.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-viewing-room .entry:nth-child(4n+4) { margin-right: 3.75%; } .custom-grid-viewing-room .entry:nth-child(3n+3) { margin-right: 3.75%; } .custom-grid-viewing-room .entry:nth-child(2n+2) { margin-right: 3.75%; } .custom-grid-viewing-room .entry:nth-child(2n+2) { margin-right: 3.75%; } .custom-grid-viewing-room .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-viewing-room .entry .placeholder { padding-top: 75.135135135135%; background: inherit; } .custom-grid-viewing-room .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid-viewing-room .entry { width: 46.25%; margin-right: 7.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-viewing-room .entry:nth-child(4n+4) { margin-right: 7.5%; } .custom-grid-viewing-room .entry:nth-child(3n+3) { margin-right: 7.5%; } .custom-grid-viewing-room .entry:nth-child(2n+2) { margin-right: 7.5%; } .custom-grid-viewing-room .entry:nth-child(2n+2) { margin-right: 7.5%; } .custom-grid-viewing-room .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-viewing-room .entry .placeholder { padding-top: 75.135135135135%; background: inherit; } .custom-grid-viewing-room .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid-viewing-room .entry { width: 46.25%; margin-right: 7.5%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .custom-grid-viewing-room .entry:nth-child(4n+4) { margin-right: 7.5%; } .custom-grid-viewing-room .entry:nth-child(3n+3) { margin-right: 7.5%; } .custom-grid-viewing-room .entry:nth-child(2n+2) { margin-right: 7.5%; } .custom-grid-viewing-room .entry:nth-child(2n+2) { margin-right: 7.5%; } .custom-grid-viewing-room .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-viewing-room .entry .placeholder { padding-top: 75.135135135135%; background: inherit; } .custom-grid-viewing-room .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } /* OVERIDE FIRST CATEGORY */ .s-viewing-room .home .category:first-of-type .custom-grid-viewing-room .entry { width: 48.625%; margin-right: 2.75%; margin-bottom: 80px; display: inline-block; vertical-align: top; } .s-viewing-room .home .category:first-of-type .custom-grid-viewing-room .entry:nth-child(4n+4) { margin-right: 2.75%; } .s-viewing-room .home .category:first-of-type .custom-grid-viewing-room .entry:nth-child(4n+4) { margin-right: 2.75%; } .s-viewing-room .home .category:first-of-type .custom-grid-viewing-room .entry:nth-child(3n+3) { margin-right: 2.75%; } .s-viewing-room .home .category:first-of-type .custom-grid-viewing-room .entry:nth-child(2n+2) { margin-right: 2.75%; } .s-viewing-room .home .category:first-of-type .custom-grid-viewing-room .entry:nth-child(2n+2) { margin-right: 0; } .s-viewing-room .home .category:first-of-type .custom-grid-viewing-room .entry .placeholder { padding-top: 75.135135135135%; background: inherit; } .s-viewing-room .home .category:first-of-type .custom-grid-viewing-room .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .s-viewing-room .home .category:first-of-type #viewing-room-grid .title { font-size: 24px; } .s-viewing-room .home .category:first-of-type #viewing-room-grid .subtitle:not(.subtitle2) { font-size: 16px; } /* ONLY-OF-TYPE */ .s-viewing-room .home .category:first-of-type .custom-grid-viewing-room>.entry:only-of-type { width: 100%; margin-right: 0; margin-bottom: 80px; } .s-viewing-room .home .category:first-of-type .custom-grid-viewing-room>.entry:only-of-type .placeholder { padding-top: 44%; } @media screen and (max-width:600px) { .s-viewing-room .home .category:first-of-type .custom-grid-viewing-room .entry { width: 100%; padding-right: 0; } } /* -------------------------------------- */ /* DETAIL PAGE */ /* -------------------------------------- */ .s-viewing-room.detail-page .page-header .item-header h1 { font-family: "Futura Now Headline"; letter-spacing: 2.4px; font-size: 70px; text-transform: uppercase; line-height: 1.1; margin-bottom: 15px; } .s-viewing-room.detail-page .page-header .item-header h2:not(.subtitle2) { font-family: "Futura Now Headline"; font-size: 45px; font-style: italic; line-height: 1.2; margin-bottom: 18px; letter-spacing: .7px; } .s-viewing-room.detail-page .page-header .item-header h2.subtitle2, .s-viewing-room.detail-page .page-header .item-header h3 { font-family: "Futura Now Headline"; font-size: 25px; line-height: 1.4; } .s-viewing-room.detail-page .page-header .additional-text { padding-top: 0; /*font-size:inherit;*/ /*line-height:inherit; */ } @media (max-width: 680px) { .s-viewing-room.detail-page .page-header .item-header h1 { font-size: 40px; letter-spacing: 1px; } .s-viewing-room.detail-page .page-header .item-header h2:not(.subtitle2) { font-size: 25px; letter-spacing: 0; } .s-viewing-room.detail-page .page-header .item-header h2.subtitle2, .s-viewing-room.detail-page .page-header .item-header h3 { font-size: 20px; } } .s-viewing-room.detail-page .page-header { text-align: center; } .s-viewing-room.detail-page .page-header .back { display: none; } .s-viewing-room.detail-page .item-header-background { height: 80vh; } /*@media only screen and (orientation: portrait) {*/ /* .s-viewing-room.detail-page .item-header-background {*/ /* height: 80vw;*/ /* }*/ /*}*/ .s-viewing-room.detail-page .item-header-background>div { padding: 0 40px; box-sizing: border-box; } @media all and (max-width:1120px) { .s-viewing-room.detail-page .item-header-background>div { padding: 0 20px; } } .s-viewing-room.detail-page [id*='screen-grid-view'] header h1, .s-viewing-room.detail-page [id*='screen-slideshow'] header h1 { visibility: hidden; } .s-viewing-room.detail-page #screen-video header { display: none; } .s-viewing-room.detail-page section#downloadables .placeholder { display: none; } .s-viewing-room.detail-page section#downloadables .titles { font-family: "Futura Now Headline"; font-size: 20px; line-height: 1.39; margin-bottom: 3px; display: block; } .s-viewing-room.detail-page section#downloadables .container { max-width: 1080px; } .s-viewing-room.detail-page section#associations .container { max-width: 1080px; } /* -------------------------------------------------------------------------- */ /*EMAIL PROTECTED*/ /* -------------------------------------------------------------------------- */ .emailProtectedPage { min-height: 100%; display: flex; align-items: center; box-sizing: border-box; } .emailProtectedPage { /* TEMP MATCH MAIN-HEADER HEIGHT TO PREVENT JUMPING - WILL BE CORRECTED WITH JS */ /* DEPENDENT ON MENU FIXED AND OR LOGO FLOAT */ /*padding-top: 162px;*/ /*margin-top: -162px;*/ min-height: calc(100% - 162px); } .emailProtectedPage>.container { text-align: center; margin-bottom: 80px; max-width: 620px; width: 100%; } .emailProtectedPage p:empty { display: none; } .emailProtectedPage form { margin-bottom: 20px; text-align: center; } .emailProtectedPage form input { display: inline-block; } .emailProtectedPage form input[type="email"], .emailProtectedPage form input[type="text"] { height: unset; font-size: 14px; line-height: normal; padding: 12px 15px 12px 15px; border: 1px solid #ccc; background-color: #ffffff; margin-bottom: 20px; vertical-align: top; text-align: left; } .emailProtectedPage form input[type="email"]:focus, .emailProtectedPage form input[type="text"]:focus { outline: 0; border: 1px solid #000000; } .emailProtectedPage form input[type="text"] { width: 48%; } .emailProtectedPage form input[type="text"]:first-of-type { margin-right: 4%; } .emailProtectedPage form input[type="email"] { width: 75%; margin-right: 4%; } .emailProtectedPage form input[type="submit"] { height: unset; width: 21%; font-size: 14px; line-height: normal; padding: 12px 15px 12px 15px; border: 1px solid #ccc; background-color: #f7f7f7; margin-bottom: 20px; vertical-align: top; text-align: center; } .emailProtectedPage form input[type="submit"]:hover { background-color: #000000; color: #ffffff; } .emailProtectedPage .logo { margin-bottom: 30px; display: block; } @media all and (max-width: 680px), screen and (max-height: 560px) { .emailProtectedPage>.container { padding-top: 20px; } .emailProtectedPage { padding-bottom: 0 !important; align-items: unset; } .emailProtectedPage form input[type="email"], .emailProtectedPage form input[type="text"], .emailProtectedPage form input[type="submit"] { display: block; width: 100%; } .emailProtectedPage form input[type="email"], .emailProtectedPage form input[type="text"], .emailProtectedPage form input[type="submit"] { font-size: 16px; } } .emailProtectedPage h4 { margin-bottom: 40px !important; color: #000000; font-weight: 700; font-size: 23px; line-height: 1.2; } @media all and (max-width:768px) { .emailProtectedPage h4 { font-size: 22px; } } @media all and (max-width:620px) { .emailProtectedPage h4 { font-size: 20px; } } /* -------------------------------------------------------------------------- */ /* FOOTER */ /* -------------------------------------------------------------------------- */ footer { /* keep PADDING-TOP set to 0 */ padding-top: 0; padding-bottom: 30px; line-height: inherit; background-color: #ffffff; /*background-image: linear-gradient(-180deg, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0) 50%);*/ background-image: linear-gradient(180deg, rgba(0, 0, 0, .02) 0%, rgba(0, 0, 0, 0.00) 120px); /*font-size: inherit;*/ /*line-height: inherit;*/ } footer .container>.divider { display: block; /* overide scroll-reveal opacity */ opacity: 1 !important; /* margin-bottom below = top padding of footer */ margin-bottom: 50px; /* DO NOT REMOVE BORDER - USE HEX OR TRANSPARENT */ /*border-color:#000000;*/ border-color: transparent; } footer p a { color: #000000; } footer p a:hover { color: #808080; } footer div.container { max-width: 1600px; position: relative; } footer div.container div { box-sizing: border-box; } footer div { display: block; padding-right: 0; vertical-align: top; } footer div.footer-cols { width: 100%; padding-right: 0; line-height: inherit; display: flex; justify-content: space-between; } footer .footer-siteindex { display: none; } /* FOOTER SOCIAL */ footer>.container>.footer-social { float: none; position: absolute; right: 0; padding: inherit; bottom: 0; margin-bottom: 50px; } footer .footer-social { float: none; line-height: 100%; } footer .footer-social a { height: 25px; width: 25px; overflow: hidden; } footer .footer-social img { max-width: 25px; max-height: 25px; } footer .footer-social a:hover img { opacity: .5; } footer .footer-cols>div>.footer-social { padding-top: 10px; text-align: right; } footer { visibility: visible !important; } footer * { visibility: visible !important; } /* EE-FOOTER-FOOTER */ footer #ee-footer-footer { margin-top: 50px; display: flex; /*font-family: Arial, Helvetica, Sans-serif;*/ font-size: 10px; text-transform: initial; } footer #ee-footer-footer p { /*font-family: Arial, Helvetica, Sans-serif;*/ font-size: 10px; text-transform: initial; } footer #ee-footer-footer a { color: #000000; } footer #ee-footer-footer a:hover { color: #808080; } footer #ee-footer-footer>p, footer #ee-footer-footer>div, footer #ee-footer-footer>span { padding-right: 15px; line-height: normal; margin-bottom: 0; white-space: nowrap; line-height: 2; } footer #ee-footer-footer .credit { margin-top: 0; /*font-size: 10px;*/ font-size: inherit; font-family: inherit; line-height: 2; } /* MOBILE FOOTER */ @media all and (max-width:1023px) { footer div.footer-cols { display: block; } footer div.footer-cols>div { display: block; text-align: left; padding-bottom: 30px; } footer>.container>.footer-social { position: relative; right: unset; bottom: unset; text-align: left; padding: 0; } footer .footer-cols>div>.footer-social { text-align: left; } } @media all and (max-width:600px) { footer #ee-footer-footer { display: block; } } /* -------------------------------------------------------------------------- */ /* CONTAINER */ /* -------------------------------------------------------------------------- */ .container, footer div.container { padding: 0 40px; } /* keep padding*/ @media all and (max-width:1120px) { .container, footer div.container { padding: 0 20px; } } /* keep 100% width */ @media all and (max-width:800px) { .container { max-width: 100%; } } /* -------------------------------------------------------------------------- */ /* CONTAINER & ENTRY IMAGE STRECTH 100% */ /* -------------------------------------------------------------------------- */ /* Stretch all the containers and the images within the entry containers */ /* Warning this needs to work with the EXHIBITIONS #large and #medium CSS */ /* See/Search [CURRENT/UPCOMING - FIT-IMAGE-OPTION-STRETCH SCALING FIX] above */ .container, footer div.container { max-width: 100%; } .entry .image img { width: 100% !important; height: 100% !important; object-fit: cover; } .entry .image img[src*='limit'] { object-fit: contain; object-position: bottom left; } /* LIMIT object-position overides */ /* overide the object-position per section */ #publications-grid .entry .image img[src*='limit'], .thumbnails .entry .image img[src*='limit'] { object-position: center center; } /* -------------------------------------------------------------------------- */ /* CK EDITOR */ /* -------------------------------------------------------------------------- */ .ee-editor-center { text-align: center; } .ee-hr { border: none; border-top: 1px solid #cccccc; height: 1px; margin-top: 20px; margin-bottom: 20px; } [id*='screen-content-a'] .ee-editor-large { font-size: 20px; font-family: "Futura Now Headline"; /*letter-spacing:1px;*/ text-transform: uppercase; } [id*='screen-content-a'] .ee-editor-quote { font-size: 20px; } /* -------------------------------------- */ /* CK FLEX GRID */ /* -------------------------------------- */ .s-home [id^="screen-grid-flex"] .entry .ee-editor-entry-subtitle, .s-editorial [id^="screen-grid-flex"] .entry .ee-editor-entry-subtitle { font-family: "Futura Now Headline"; font-size: 16px; /*color:#ff0000;*/ font-style: italic; line-height: 1.4; margin-bottom: 5px; } /* -------------------------------------- */ /* CK STAFF */ /* -------------------------------------- */ #screen-staff .ee-editor-entry-subtitle { font-family: "Futura Now Headline"; /*font-size: 18px;*/ font-size: 16px; font-style: italic; line-height: 1.4; margin-bottom: 5px; } /* -------------------------------------- */ /* CK LOCATION CONTACT */ /* -------------------------------------- */ #screen-location-contact .ee-editor-entry-title { font-family: "Futura Now Headline"; font-size: 20px; line-height: 1.39; margin-bottom: .6em; } #screen-location-contact .ee-editor-entry-subtitle { font-family: "Futura Now Headline"; font-size: 18px; line-height: 1.6; margin-bottom: 1em; } /* -------------------------------------- */ /* CK LOCATION GRID */ /* -------------------------------------- */ #screen-location .ee-editor-entry-title { font-family: "Futura Now Headline"; font-size: 20px; line-height: 1.39; margin-bottom: .6em; } #screen-location .ee-editor-entry-subtitle { font-family: "Futura Now Headline"; font-size: 18px; line-height: 1.6; margin-bottom: 1em; } /* -------------------------------------- */ /* CK SCREEN HEADER */ /* -------------------------------------- */ .ee-custom-screen-header-container { width: initial !important; max-width: 100% !important; display: block !important; padding: 0 40px !important; } .ee-custom-screen-header.ee-custom-screen-header-only { padding-bottom: 0 !important; } @media all and (max-width:1120px) { .ee-custom-screen-header-container { padding: 0 20px !important; } } .two-up .ee-custom-screen-header-container { padding: 0 0 !important; } /* -------------------------------------- */ /* CK SCREEN INVERT*/ /* -------------------------------------- */ [id*='screen-content-a'] .ee-custom-screen-invert { color: #ffffff; background-color: #000000; padding-top: 80px; margin-bottom: 80px; } [id*='screen-content-a'] .ee-custom-screen-invert+.ee-custom-screen-invert { padding-top: 0px; margin-top: -80px } [id*='screen-content-a'] .ee-custom-screen-invert a:hover { color: #ffffff; } [id*='screen-content-a'] .ee-custom-screen-invert h1, [id*='screen-content-a'] .ee-custom-screen-invert .caption p, [id*='screen-content-a'] .ee-custom-screen-invert .image .caption p { color: #ffffff; } /* -------------------------------------- */ /* CK SIDE BANNERS */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image.ee-custom-screen-side-banner:not(.large-image):not(.banner-image):not(.no-image) .text { width: 23%; } [id*='screen-content-a'] .text-one-column-with-image.ee-custom-screen-side-banner:not(.large-image):not(.banner-image):not(.no-image) .image { width: 72%; } [id*='screen-content-a'] .text-one-column-with-image.ee-custom-screen-side-banner:not(.large-image):not(.banner-image):not(.no-image) .container { max-width: 1600px; } [id*='screen-content-a'] .text-one-column-with-image.ee-custom-screen-side-banner:not(.large-image):not(.banner-image):not(.no-image) .image .ee-side-banner-image-container { padding-top: 75%; position: relative; } [id*='screen-content-a'] .text-one-column-with-image.ee-custom-screen-side-banner:not(.large-image):not(.banner-image):not(.no-image) .image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } /* -------------------------------------- */ /* CK SIDE LARGE */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image.ee-custom-screen-side-large:not(.large-image):not(.banner-image):not(.no-image) .text { width: 23%; } [id*='screen-content-a'] .text-one-column-with-image.ee-custom-screen-side-large:not(.large-image):not(.banner-image):not(.no-image) .image { width: 72%; } [id*='screen-content-a'] .text-one-column-with-image.ee-custom-screen-side-large:not(.large-image):not(.banner-image):not(.no-image) .container { max-width: 1600px; } [id*='screen-content-a'] .text-one-column-with-image.ee-custom-screen-side-large:not(.large-image):not(.banner-image):not(.no-image) .image .ee-side-large-image-container { /*padding-top:75%;*/ /*position:relative;*/ } [id*='screen-content-a'] .text-one-column-with-image.ee-custom-screen-side-large:not(.large-image):not(.banner-image):not(.no-image) .image img { /*position:absolute;*/ /*top:0;*/ /*left:0;*/ /*width:100%;*/ /*height:100%;*/ /*object-fit:contain;*/ } /* -------------------------------------- */ /* CK SCREEN-WIDE */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image.no-image.ee-custom-screen-wide .container { max-width: 1600px; } /* -------------------------------------- */ /* CK ALIGN-TOP */ /* -------------------------------------- */ [id*='screen-content-a'] .text-one-column-with-image.ee-custom-screen-align-top:not(.large-image):not(.banner-image):not(.no-image) .text { align-self: unset; } /* -------------------------------------- */ /* CK SCREEN-VIDEO-BANNER */ /* -------------------------------------- */ .ee-custom-screen-video-banner.banner-image .jarallax-video { background-color: #000000; height: 100vh; } .ee-custom-screen-video-banner.banner-image .image { width: 100% !important; margin-top: 0 !important; } @media only screen and (orientation: portrait) { .ee-custom-screen-video-banner.banner-image .jarallax-video { height: 80vw; } } .ee-custom-screen-video-banner.banner-image .jarallax-video { animation-duration: .7s; /*animation-delay perceives faster load time*/ animation-delay: .4s; animation-fill-mode: backwards; animation-timing-function: cubic-bezier(0.5, 0, 0, 1); animation-name: fade-vid; } @keyframes fade-vid { from { opacity: 0; /*transform:translateY(40px);*/ } to { opacity: 1; /*transform:translateY(0);*/ } } /* -------------------------------------- */ /* CK BIOGRAPHY */ /* -------------------------------------- */ .s-artists section#biography .ee-editor-block { display: flex; } .s-artists section#biography .ee-editor-block>span:first-of-type { flex: 0 0 70px; } /* -------------------------------------------------------------------------- */ /* MOBILE */ /* -------------------------------------------------------------------------- */ @media (max-width: 1023px) { /* -------------------------------------- */ /* MAIN HEADER */ /* -------------------------------------- */ .main-header>.container { padding-top: 30px; padding-bottom: 20px; } .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 } .main-header nav.main { display: none } .main-header nav.languages { display: block; } .mobile-menu-wrapper { position: relative; margin: 9px 0 8px; display: block } .main-header nav.mobile { display: inline-block; line-height: 26px; text-align: left } nav.mobile .navlinks { padding-top: 10px } nav.mobile .navlinks a { display: block; margin: 0; padding-bottom: 15px; line-height: 100% } .main-header .mobile-languages { display: inline-block; position: static; font-size: 12px; line-height: 26px; position: absolute; right: 0; display: none; } .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 } } /* -------------------------------------------------------------------------- */ /* SCROLL REVEAL */ /* -------------------------------------------------------------------------- */ /* pre-hide elements */ html.sr .grid-container:not(.ee-associations-limit):not(#feed-grid):not(#screen-grid-flex-1) .entry, html.sr .ee-associations-limit .entry:nth-child(-n+4), html.sr .list .entry .thumbnail, html.sr .list .entry .info, html.sr .squared .thumbnail-container, html.sr .footer-cols>div, html.sr .text-one-column-with-image .text, html.sr .text-one-column-with-image:not(.banner-image):not(.image-uncropped_banner) .image, html.sr .text-one-column, html.sr .text-two-columns .right, html.sr .text-two-columns .left, html.sr .text-three-columns .column, html.sr .news-details .details, html.sr .news-details .image, html.sr .artists.home .column { visibility: hidden; } .s-home #screen-grid-flex-1 .entry { visibility: visible !important; } /* -------------------------------------------------------------------------- */ /* 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;}*/ /* -------------------------------------------------------------------------- */ /* LEGACY ARROWS FIX */ /* -------------------------------------------------------------------------- */ .slider .bx-controls-direction { pointer-events: none; } .slider .bx-controls-direction a { pointer-events: auto; } /* -------------------------------------------------------------------------- */ /* FEED BAR */ /* -------------------------------------------------------------------------- */ .ee-feed-bar { position: sticky; bottom: 0; background-color: #ffffff; background-image: linear-gradient(180deg, rgba(0, 0, 0, .02) 0%, rgba(0, 0, 0, 0.00) 100%); z-index: 60; } #feed-grid { color: #000000; } #feed-grid a { color: #000000; } #feed-grid a:hover { color: #808080; } #feed-grid .links, #feed-grid .placeholder { display: none !important; } #feed-grid .entry, #feed-grid p, #feed-grid .summary, #feed-grid .title, #feed-grid .subtitle, #feed-grid .date { font-size: 11px; line-height: 1.3; margin-bottom: 0; margin-top: 0; color: inherit; } #feed-grid { padding-top: 15px; padding-bottom: 15px; } @media all and (max-width: 767px) { #feed-grid .entry, #feed-grid p, #feed-grid .summary, #feed-grid .title, #feed-grid .subtitle, #feed-grid .date { font-size: 10px; } } /*#feed-grid .entry:not(:nth-child(-n+5)){*/ /* display:none;*/ /*}*/ /* -------------------------------------------------------------------------- */ /* HOMEPAGE FEEDS (DEV) */ /* -------------------------------------------------------------------------- */ #feed-grid { position: relative; /*height: 58px;*/ /*overflow: hidden;*/ /*overflow-x: scroll;*/ } #feed-grid .custom-grid-feed { display: -webkit-box; } #feed-grid .custom-grid-feed .entry, #feed-grid .custom-grid-feed .entry:after { float: left; width: 210px; min-height: 59px; text-align: left; position: relative; display: inline; } #feed-grid .custom-grid-feed .entry, #feed-grid .custom-grid-feed .entry>div { display: inline; } .bx-viewport, .bx-wrapper { background: none; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; max-width: none !important; } .bx-viewport { padding: 0; } .bx-wrapper { margin-bottom: 0; } .bx-wrapper .bx-controls-direction .bx-next, .bx-wrapper .bx-controls-direction .bx-prev { background: url('https://www.petzel.com/https\3A \2F \2F s3\2E amazonaws\2E com\2F files\2E collageplatform\2E com\2E prod\2F application\2F 63692af4d0d707561d062132\2F e7053f2e8c2845a5af683b96fad74dcf\2E png') no-repeat; background-size: 32px 64px; width: 16px; height: 32px; margin-top: -16px; } .bx-wrapper .bx-controls-direction .bx-prev { background-position: 0 0; } .bx-wrapper .bx-controls-direction .bx-prev:hover { background-position: 0 -32px; } .bx-wrapper .bx-controls-direction .bx-next { background-position: -16px 0; } .bx-wrapper .bx-controls-direction .bx-next:hover { background-position: -16px -32px; } *:focus:not(.focus-visible) { outline: none; } *:focus { outline: 2px #A5C7FE solid; outline-offset: 1px; } .entry>a { display: inline-block; } .entry.small>a, .entry.medium>a, .entry.large>a, .grid.thumbnails>.entry>a, .grid.entries>.entry>a, .large-images>.entry>a, .entry.full>a { display: block; } div[class^='custom-grid']>.entry>a, div[class*=' custom-grid']>.entry>a, .grid-container>.grid>.entry>a, .list.text-only .entry>a { display: block; } .list.text-only .date { float: left; } .news .entry>.thumbnail>.image>a { display: inline-block; } #skipToContent { position: absolute; top: -1000px; left: -1000px; height: 1px; width: 1px; text-align: left; overflow: hidden; text-decoration: underline; } a#skipToContent:active, a#skipToContent:focus, a#skipToContent:hover { left: 0; top: 0; width: auto; height: auto; overflow: visible; } footer div>a.footer-siteindex, footer span>a.footer-siteindex { white-space: nowrap; overflow: hidden; } #contentWrapper:focus { outline: transparent !important; } #contentWrapper #eccomerceCheckout .widget ul { display: block; margin-top: 5px; } #contentWrapper #eccomerceCheckout input.error { margin-bottom: 0; } label.required:after { content: '*'; margin-left: 2px; } .slideshow-container .swiper-slide { -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); } .slider-nav-next, .slider-nav-prev, .swiper-vow .slider-nav-next, .swiper-vow .slider-nav-prev, .swiper-vow .slider-nested-nav-prev, .swiper-vow .slider-nested-nav-next { background: url('https://www.petzel.com/https\3A \2F \2F s3\2E amazonaws\2E com\2F files\2E collageplatform\2E com\2E prod\2F application\2F 63692af4d0d707561d062132\2F e7053f2e8c2845a5af683b96fad74dcf\2E png') no-repeat; background-size: 32px 64px; width: 16px; height: 32px; margin-top: -16px; position: absolute; top: 50%; border: none; transform: none; } .slider-nav-prev, .swiper-vow .slider-nav-prev, .swiper-vow .slider-nested-nav-prev { background-position: 0 0; left: 0; } .slider-nav-prev:hover, .swiper-vow .slider-nav-prev:hover, .swiper-vow .slider-nested-nav-prev:hover { background: url('https://www.petzel.com/https\3A \2F \2F s3\2E amazonaws\2E com\2F files\2E collageplatform\2E com\2E prod\2F application\2F 63692af4d0d707561d062132\2F e7053f2e8c2845a5af683b96fad74dcf\2E png') no-repeat; background-size: 32px 64px; background-position: 0 -32px; border: 0; } .slider-nav-next, .swiper-vow .slider-nav-next, .swiper-vow .slider-nested-nav-next { background-position: -16px 0; right: 0; } .slider-nav-next:hover, .swiper-vow .slider-nav-next:hover, .swiper-vow .slider-nested-nav-next:hover { background: url('https://www.petzel.com/https\3A \2F \2F s3\2E amazonaws\2E com\2F files\2E collageplatform\2E com\2E prod\2F application\2F 63692af4d0d707561d062132\2F e7053f2e8c2845a5af683b96fad74dcf\2E png') no-repeat; background-size: 32px 64px; background-position: -16px -32px; border: 0; } #wrapper-grid-flex-1 { position: relative; /* ✅ this makes arrows position inside section */ } .arrow { position: absolute; top: 40%; transform: translateY(-50%); background: rgba(0, 0, 0, 0.5); color: #fff; border: none; font-size: 2rem; padding: 0.5rem 1rem; cursor: pointer; z-index: 10; } .arrow.left { left: 10px; } .arrow.right { right: 10px; } /* Image Popup Modal Styles */ .image-popup-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); z-index: 9999; cursor: pointer; opacity: 0; transition: opacity 0.3s ease; } .image-popup-overlay.show { display: flex; align-items: center; justify-content: center; opacity: 1; } .image-popup-content { position: relative; max-width: 90vw; max-height: 90vh; display: flex; align-items: center; justify-content: center; } .image-popup-content img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 8px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); transition: transform 0.3s ease; } .image-popup-close { position: absolute; top: -40px; right: -40px; background: rgba(255, 255, 255, 0.9); border: none; border-radius: 50%; width: 40px; height: 40px; font-size: 24px; font-weight: bold; color: #333; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; z-index: 10000; } .image-popup-close:hover { background: rgba(255, 255, 255, 1); transform: scale(1.1); } .image-popup-caption { position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%); background: rgba(0, 0, 0, 0.8); color: white; padding: 10px 20px; border-radius: 20px; font-size: 14px; max-width: 80%; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Make images clickable */ .entry .image img { cursor: pointer; transition: transform .3s, filter .3s, opacity .3s; } .entry .image img:hover { opacity: 0.9; } /* Ensure popup images don't have hover effects */ .image-popup-content img { cursor: default; } .image-popup-content img:hover { opacity: 1; transform: none; } /* Responsive adjustments */ @media (max-width: 768px) { .image-popup-content { max-width: 95vw; max-height: 95vh; padding: 20px; } .image-popup-close { top: -30px; right: -30px; width: 30px; height: 30px; font-size: 18px; } .image-popup-caption { bottom: -40px; font-size: 12px; padding: 8px 16px; } } @media (max-width: 480px) { .image-popup-content { max-width: 98vw; max-height: 98vh; padding: 10px; } .image-popup-close { top: -25px; right: -25px; width: 25px; height: 25px; font-size: 16px; } .image-popup-caption { bottom: -35px; font-size: 11px; padding: 6px 12px; } }