.container { max-width: 1600px; } .custom-grid .entry { width: 15.375%; margin-right: 12.833333333333%; margin-bottom: 100px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 73.170731707317%; background: inherit; } .custom-grid .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-e1 .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-e1 .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-e1 .entry .placeholder { padding-top: 39.285714285714%; background: inherit; } .custom-grid-e1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .detail-page .custom-grid-a1 .entry { width: 42.9375%; margin-right: 14.125%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-a1 .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-a1 .entry .placeholder { padding-top: 74.963609898108%; background: inherit; } .detail-page .custom-grid-a1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-p1 .entry { width: 28.125%; margin-right: 7.8125%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-p1 .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-p1 .entry .placeholder { padding-top: 100%; background: #f3f3f3; } .custom-grid-p1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .custom-grid-pr1 .entry { width: 100%; margin-right: 0%; margin-bottom: 100px; display: inline-block; vertical-align: top; } .custom-grid-pr1 .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-pr1 .entry .placeholder { padding-top: 78.571428571429%; background: inherit; } .custom-grid-pr1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-other-projects .entry { width: 100%; margin-right: 0%; margin-bottom: 100px; display: inline-block; vertical-align: top; } .custom-grid-other-projects .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-other-projects .entry .placeholder { padding-top: 39.285714285714%; background: inherit; } .custom-grid-other-projects .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-locations .entry { width: 32.25%; margin-right: 1.625%; margin-bottom: 100px; display: inline-block; vertical-align: top; } .custom-grid-locations .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-locations .entry .placeholder { padding-top: 74.418604651163%; background: inherit; } .custom-grid-locations .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.1875%; margin-right: 1.625%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-viewing-room .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-viewing-room .entry .placeholder { padding-top: 74.968233799238%; 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-room .entry { width: 49.1875%; margin-right: 1.625%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-private-room .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-private-room .entry .placeholder { padding-top: 74.968233799238%; background: inherit; } .custom-grid-private-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: 49.1875%; margin-right: 1.625%; margin-bottom: 50px; 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.968233799238%; 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-video .entry { width: 49.0625%; margin-right: 1.875%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-video .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-video .entry .placeholder { padding-top: 74.904458598726%; background: inherit; } .custom-grid-video .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } @media all and (max-width: 768px) { .custom-grid .entry { width: 15.375%; margin-right: 12.833333333333%; margin-bottom: 100px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4){ margin-right: 12.833333333333%; } .custom-grid .entry:nth-child(4n+4){ margin-right: 12.833333333333%; } .custom-grid .entry:nth-child(3n+3){ margin-right: 12.833333333333%; } .custom-grid .entry:nth-child(2n+2){ margin-right: 12.833333333333%; } .custom-grid .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 73.170731707317%; background: inherit; } .custom-grid .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .custom-grid-e1 .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-e1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-e1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-e1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-e1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-e1 .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-e1 .entry .placeholder { padding-top: 39.285714285714%; background: inherit; } .custom-grid-e1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .detail-page .custom-grid-a1 .entry { width: 42.9375%; margin-right: 14.125%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-a1 .entry:nth-child(2n+2){ margin-right: 14.125%; } .detail-page .custom-grid-a1 .entry:nth-child(2n+2){ margin-right: 14.125%; } .detail-page .custom-grid-a1 .entry:nth-child(2n+2){ margin-right: 14.125%; } .detail-page .custom-grid-a1 .entry:nth-child(1n+1){ margin-right: 14.125%; } .detail-page .custom-grid-a1 .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-a1 .entry .placeholder { padding-top: 74.963609898108%; background: inherit; } .detail-page .custom-grid-a1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .custom-grid-p1 .entry { width: 42.1875%; margin-right: 15.625%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-p1 .entry:nth-child(3n+3){ margin-right: 15.625%; } .custom-grid-p1 .entry:nth-child(2n+2){ margin-right: 15.625%; } .custom-grid-p1 .entry:nth-child(1n+1){ margin-right: 15.625%; } .custom-grid-p1 .entry:nth-child(1n+1){ margin-right: 15.625%; } .custom-grid-p1 .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-p1 .entry .placeholder { padding-top: 100%; background: #f3f3f3; } .custom-grid-p1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .custom-grid-pr1 .entry { width: 100%; margin-right: 0%; margin-bottom: 100px; display: inline-block; vertical-align: top; } .custom-grid-pr1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-pr1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-pr1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-pr1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-pr1 .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-pr1 .entry .placeholder { padding-top: 78.571428571429%; background: inherit; } .custom-grid-pr1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .custom-grid-other-projects .entry { width: 100%; margin-right: 0%; margin-bottom: 100px; display: inline-block; vertical-align: top; } .custom-grid-other-projects .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-other-projects .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-other-projects .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-other-projects .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-other-projects .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-other-projects .entry .placeholder { padding-top: 39.285714285714%; background: inherit; } .custom-grid-other-projects .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-locations .entry { width: 48.375%; margin-right: 3.25%; margin-bottom: 100px; display: inline-block; vertical-align: top; } .custom-grid-locations .entry:nth-child(3n+3){ margin-right: 3.25%; } .custom-grid-locations .entry:nth-child(2n+2){ margin-right: 3.25%; } .custom-grid-locations .entry:nth-child(1n+1){ margin-right: 3.25%; } .custom-grid-locations .entry:nth-child(1n+1){ margin-right: 3.25%; } .custom-grid-locations .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-locations .entry .placeholder { padding-top: 74.418604651163%; background: inherit; } .custom-grid-locations .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .custom-grid-viewing-room .entry { width: 49.1875%; margin-right: 1.625%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-viewing-room .entry:nth-child(2n+2){ margin-right: 1.625%; } .custom-grid-viewing-room .entry:nth-child(2n+2){ margin-right: 1.625%; } .custom-grid-viewing-room .entry:nth-child(1n+1){ margin-right: 1.625%; } .custom-grid-viewing-room .entry:nth-child(1n+1){ margin-right: 1.625%; } .custom-grid-viewing-room .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-viewing-room .entry .placeholder { padding-top: 74.968233799238%; 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-room .entry { width: 49.1875%; margin-right: 1.625%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-private-room .entry:nth-child(2n+2){ margin-right: 1.625%; } .custom-grid-private-room .entry:nth-child(2n+2){ margin-right: 1.625%; } .custom-grid-private-room .entry:nth-child(1n+1){ margin-right: 1.625%; } .custom-grid-private-room .entry:nth-child(1n+1){ margin-right: 1.625%; } .custom-grid-private-room .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-private-room .entry .placeholder { padding-top: 74.968233799238%; background: inherit; } .custom-grid-private-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: 49.1875%; margin-right: 1.625%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-private-viewing-room .entry:nth-child(2n+2){ margin-right: 1.625%; } .custom-grid-private-viewing-room .entry:nth-child(2n+2){ margin-right: 1.625%; } .custom-grid-private-viewing-room .entry:nth-child(1n+1){ margin-right: 1.625%; } .custom-grid-private-viewing-room .entry:nth-child(1n+1){ margin-right: 1.625%; } .custom-grid-private-viewing-room .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-private-viewing-room .entry .placeholder { padding-top: 74.968233799238%; 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-video .entry { width: 49.0625%; margin-right: 1.875%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-video .entry:nth-child(2n+2){ margin-right: 1.875%; } .custom-grid-video .entry:nth-child(2n+2){ margin-right: 1.875%; } .custom-grid-video .entry:nth-child(1n+1){ margin-right: 1.875%; } .custom-grid-video .entry:nth-child(1n+1){ margin-right: 1.875%; } .custom-grid-video .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-video .entry .placeholder { padding-top: 74.904458598726%; background: inherit; } .custom-grid-video .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid .entry { width: 20.5%; margin-right: 19.25%; margin-bottom: 100px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4){ margin-right: 19.25%; } .custom-grid .entry:nth-child(4n+4){ margin-right: 19.25%; } .custom-grid .entry:nth-child(3n+3){ margin-right: 19.25%; } .custom-grid .entry:nth-child(2n+2){ margin-right: 19.25%; } .custom-grid .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 73.170731707317%; background: inherit; } .custom-grid .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid-e1 .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-e1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-e1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-e1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-e1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-e1 .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-e1 .entry .placeholder { padding-top: 39.285714285714%; background: inherit; } .custom-grid-e1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .detail-page .custom-grid-a1 .entry { width: 42.9375%; margin-right: 14.125%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-a1 .entry:nth-child(2n+2){ margin-right: 14.125%; } .detail-page .custom-grid-a1 .entry:nth-child(2n+2){ margin-right: 14.125%; } .detail-page .custom-grid-a1 .entry:nth-child(2n+2){ margin-right: 14.125%; } .detail-page .custom-grid-a1 .entry:nth-child(1n+1){ margin-right: 14.125%; } .detail-page .custom-grid-a1 .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-a1 .entry .placeholder { padding-top: 74.963609898108%; background: inherit; } .detail-page .custom-grid-a1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid-p1 .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-p1 .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-p1 .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-p1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-p1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-p1 .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-p1 .entry .placeholder { padding-top: 100%; background: #f3f3f3; } .custom-grid-p1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid-pr1 .entry { width: 100%; margin-right: 0%; margin-bottom: 100px; display: inline-block; vertical-align: top; } .custom-grid-pr1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-pr1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-pr1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-pr1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-pr1 .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-pr1 .entry .placeholder { padding-top: 78.571428571429%; background: inherit; } .custom-grid-pr1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid-other-projects .entry { width: 100%; margin-right: 0%; margin-bottom: 100px; display: inline-block; vertical-align: top; } .custom-grid-other-projects .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-other-projects .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-other-projects .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-other-projects .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-other-projects .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-other-projects .entry .placeholder { padding-top: 39.285714285714%; background: inherit; } .custom-grid-other-projects .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-locations .entry { width: 100%; margin-right: 0%; margin-bottom: 100px; display: inline-block; vertical-align: top; } .custom-grid-locations .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-locations .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-locations .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-locations .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-locations .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-locations .entry .placeholder { padding-top: 74.418604651163%; background: inherit; } .custom-grid-locations .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid-viewing-room .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-viewing-room .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-viewing-room .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-viewing-room .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-viewing-room .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-viewing-room .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-viewing-room .entry .placeholder { padding-top: 74.968233799238%; 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-room .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-private-room .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-private-room .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-private-room .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-private-room .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-private-room .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-private-room .entry .placeholder { padding-top: 74.968233799238%; background: inherit; } .custom-grid-private-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: 50px; 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.968233799238%; 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-video .entry { width: 100%; margin-right: 0%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-video .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-video .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-video .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-video .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-video .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-video .entry .placeholder { padding-top: 74.904458598726%; background: inherit; } .custom-grid-video .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid .entry { width: 30.75%; margin-right: 38.5%; margin-bottom: 100px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4){ margin-right: 38.5%; } .custom-grid .entry:nth-child(4n+4){ margin-right: 38.5%; } .custom-grid .entry:nth-child(3n+3){ margin-right: 38.5%; } .custom-grid .entry:nth-child(2n+2){ margin-right: 38.5%; } .custom-grid .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 73.170731707317%; background: inherit; } .custom-grid .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid-e1 .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-e1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-e1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-e1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-e1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-e1 .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-e1 .entry .placeholder { padding-top: 39.285714285714%; background: inherit; } .custom-grid-e1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .detail-page .custom-grid-a1 .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-a1 .entry:nth-child(2n+2){ margin-right: 0%; } .detail-page .custom-grid-a1 .entry:nth-child(2n+2){ margin-right: 0%; } .detail-page .custom-grid-a1 .entry:nth-child(2n+2){ margin-right: 0%; } .detail-page .custom-grid-a1 .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-a1 .entry:nth-child(1n+1) { margin-right: 0; } .detail-page .custom-grid-a1 .entry .placeholder { padding-top: 74.963609898108%; background: inherit; } .detail-page .custom-grid-a1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid-p1 .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-p1 .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-p1 .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-p1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-p1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-p1 .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-p1 .entry .placeholder { padding-top: 100%; background: #f3f3f3; } .custom-grid-p1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid-pr1 .entry { width: 100%; margin-right: 0%; margin-bottom: 100px; display: inline-block; vertical-align: top; } .custom-grid-pr1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-pr1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-pr1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-pr1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-pr1 .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-pr1 .entry .placeholder { padding-top: 78.571428571429%; background: inherit; } .custom-grid-pr1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid-other-projects .entry { width: 100%; margin-right: 0%; margin-bottom: 100px; display: inline-block; vertical-align: top; } .custom-grid-other-projects .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-other-projects .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-other-projects .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-other-projects .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-other-projects .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-other-projects .entry .placeholder { padding-top: 39.285714285714%; background: inherit; } .custom-grid-other-projects .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-locations .entry { width: 100%; margin-right: 0%; margin-bottom: 100px; display: inline-block; vertical-align: top; } .custom-grid-locations .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-locations .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-locations .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-locations .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-locations .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-locations .entry .placeholder { padding-top: 74.418604651163%; background: inherit; } .custom-grid-locations .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid-viewing-room .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-viewing-room .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-viewing-room .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-viewing-room .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-viewing-room .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-viewing-room .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-viewing-room .entry .placeholder { padding-top: 74.968233799238%; 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-room .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-private-room .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-private-room .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-private-room .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-private-room .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-private-room .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-private-room .entry .placeholder { padding-top: 74.968233799238%; background: inherit; } .custom-grid-private-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: 50px; 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.968233799238%; 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-video .entry { width: 100%; margin-right: 0%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-video .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-video .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-video .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-video .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-video .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-video .entry .placeholder { padding-top: 74.904458598726%; background: inherit; } .custom-grid-video .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } body { background: #ffffff; color: #000000; font-size: 12px; line-height: normal; } #overlay, footer { background: #ffffff; } #overlay .close { font-size: 12px; color: #757575; } .list.text-only.entries.fixed-font .date { font-size: 12px; } .medium h1, .small h1, .medium h2, .small h2, .medium h3, .small h3, .entries.fixed-font .title, .entries.fixed-font .titles, .entries.fixed-font .subtitle, .entries.fixed-font .date, .entries.fixed-font .titles .subtitle, .entries.fixed-font .titles .date, .fixed-font .entries .date, .grid.fixed-font .title, .grid.fixed-font .titles, .grid.fixed-font .subtitle, .grid.fixed-font .date, .grid.fixed-font .titles .subtitle, .grid.fixed-font .titles .date, .fixed-font .grid .date, .links a, .fixed-font .entry h1, .fixed-font .entry h2, .fixed-font .entry h3 { font-size: 12px; line-height: normal; } a, .private-login input[type="submit"] { color: #757575; } .main-header nav.homepage a:hover, .main-header nav.homepage a.active, #slidecaption a:hover * { color: #757575 !important; } .main-header nav a, .screen-nav a, .slider-features a, .section-header a, .private nav a { color: #757575; font-size: 12px; letter-spacing: 0px; } .main-header nav a:hover, .main-header nav a.active, .screen-nav a.active, .screen-nav a:hover, .screen-nav a:hover *, .slider-features a.active, .slider-features a:hover, .slider-features a:hover *, .section-header a:hover, .section-header a:hover *, .section-header a.active { color: #000000 !important; } section header, .divider, .news .entry { border-color: #b4b4b4; } .homepage .caption h1 { color: #000000; font-size: 12px; letter-spacing: 0px; } .entry .placeholder, .entry .thumb, .list.text-only.entries.fixed-font a .summary, .main-header nav.homepage a, #slidecaption a *, .news .list h1 { color: #000000; } p, .large-images h2, .news .entry h2, .large-images h3, .news .entry h3 { line-height: normal; } h1, h1.sectionname, .entries .titles, .entries .title, .grid .titles, .grid .title, h2, .entries .subtitle, .grid .subtitle, .grid .titles .subtitle, .homepage .caption h2, h3, .entries .date, .grid .date, .grid .titles .date, .homepage .caption h3, h4, .sectionname { color: #000000; font-size: 12px; line-height: normal; letter-spacing: 0px; } .paragraph-styling p { margin-bottom: 2em; } /* -------------------------------------------------------------------------- */ /* SCROLLBAR */ /* -------------------------------------------------------------------------- */ /* Since footer is above the fold */ /* Prevent scrollbar from adding width to page */ body{ scrollbar-gutter: stable; } /* force scrollbar or sticky header will conflict */ body{ overflow-y:scroll; } /* -------------------------------------------------------------------------- */ /*PUBLICATIONS ADDITIONAL TEXT LINK WORKAROUND SEE JS*/ #p1-grid .ee-additional-link, #p1-grid .ee-additional-link:hover{ color:#000000; } /* -------------------------------------------------------------------------- */ /*VIEWING ROOM PAST CATEGORIES */ /* -------------------------------------------------------------------------- */ .s-viewing-room section.objects.home header.section-header.divider.custom-grid-viewing-room h4{ font: 14px 'ITC Garamond W01 Light', serif; font-size: 13px !important; text-transform: uppercase; letter-spacing: 1px !important; } .s-viewing-room section.objects.home .category:nth-of-type(2) .entry:nth-child(1n+1), .s-viewing-room section.objects.home .category:nth-of-type(4) .entry:nth-child(1n+1), .s-private-viewing-room section.objects.home .category:nth-of-type(2) .entry:nth-child(1n+1), .s-private-viewing-room section.objects.home .category:nth-of-type(4) .entry:nth-child(1n+1){ width: 23.5%; margin-right: 1.7777777777778%; } .s-viewing-room section.objects.home .category:nth-of-type(2) .entry:nth-child(4n+4), .s-viewing-room section.objects.home .category:nth-of-type(4) .entry:nth-child(4n+4), .s-private-viewing-room section.objects.home .category:nth-of-type(2) .entry:nth-child(4n+4), .s-private-viewing-room section.objects.home .category:nth-of-type(4) .entry:nth-child(4n+4){ margin-right: 0; } @media all and (max-width:768px) { .s-viewing-room section.objects.home .category:nth-of-type(2) .entry:nth-child(1n+1), .s-viewing-room section.objects.home .category:nth-of-type(4) .entry:nth-child(1n+1), .s-private-viewing-room section.objects.home .category:nth-of-type(2) .entry:nth-child(1n+1), .s-private-viewing-room section.objects.home .category:nth-of-type(4) .entry:nth-child(1n+1){ width: 31.3%; margin-right: 2.7777777777778%; } .s-viewing-room section.objects.home .category:nth-of-type(2) .entry:nth-child(3n+3), .s-viewing-room section.objects.home .category:nth-of-type(4) .entry:nth-child(3n+3), .s-private-viewing-room section.objects.home .category:nth-of-type(2) .entry:nth-child(3n+3), .s-private-viewing-room section.objects.home .category:nth-of-type(4) .entry:nth-child(3n+3){ margin-right: 0; } } @media all and (max-width:500px) { .s-viewing-room section.objects.home .category:nth-of-type(2) .entry:nth-child(1n+1), .s-viewing-room section.objects.home .category:nth-of-type(4) .entry:nth-child(1n+1), .s-private-viewing-room section.objects.home .category:nth-of-type(2) .entry:nth-child(1n+1), .s-private-viewing-room section.objects.home .category:nth-of-type(4) .entry:nth-child(1n+1){ width: 46.981481481481%; margin-right: 6.037037037037%; margin-bottom:30px; } .s-viewing-room section.objects.home .category:nth-of-type(2) .entry:nth-child(2n+2), .s-viewing-room section.objects.home .category:nth-of-type(4) .entry:nth-child(2n+2), .s-private-viewing-room section.objects.home .category:nth-of-type(2) .entry:nth-child(2n+2), .s-private-viewing-room section.objects.home .category:nth-of-type(4) .entry:nth-child(2n+2){ margin-right: 0; } /*.custom-grid-exhibitions .entry:nth-child(1n+1) {*/ /* width: 43.981481481481%;*/ /* margin-right: 12.037037037037%;*/ /* margin-bottom: 60px;*/ /* display: inline-block;*/ /* vertical-align: top;*/ /*}*/ /*.custom-grid-exhibitions .entry:nth-child(2n+2) {*/ /* margin-right: 0;*/ /*}*/ } /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* CSS --------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* ------------------------------------------------------- */ /* VIDEO ROOM */ /* ------------------------------------------------------- */ .s-video .custom-global-menu + .container { display:none; } .s-video section#stacked-video .slideshow-headline { display: none; } .s-video section#stacked-video .slideshow-headline.frs { display: block; } .s-video section#video-slideshow { margin-bottom: 8%; } .s-video #stacked-video .swiper-slide { margin-bottom: 7%; } .s-video .links.in-text.additional-files { margin-top: 8px; margin-bottom: 0; } .s-video section#about header { margin-bottom: 15px; } @media all and (max-width:480px) { .slideshow-container { margin-bottom: 13%; } .s-video .custom-global-menu span { padding-top: 1px; } } /* ------------------------------------------------------- */ /* PRIVATE ROOM */ /* ------------------------------------------------------- */ .s-private-room .text-one-column .content { width: 100%; max-width: 600px; } .s-private-room #screen-downloads .grid .entry:nth-of-type(1n+1) { width: 31%; display: inline-block; padding-right: 2.66%; padding-bottom: 50px; vertical-align: top; } .s-private-room #screen-downloads .grid .entry:nth-of-type(3n+3) { padding-right:0; } .s-private-room #screen-downloads .placeholder { display: none; } /* ------------------------------------------------------- */ #ee-top-image .text-one-column-with-image.large-image, #ee-bottom-image .text-one-column-with-image.large-image{ padding-bottom: 0; } #ee-top-image .text-one-column-with-image .image{ padding-top: 40px !important; padding-bottom: 0px !important; } , #ee-bottom-image .text-one-column-with-image .image { padding-top:0 !important; } @media all and (max-width:520px) { #ee-top-image .text-one-column-with-image .image { padding-top: 30px !important; padding-bottom: 0px !important; } } /* ------------------------------------------------------- */ /* LEGACY SLIDESHOW STYLES */ /* ------------------------------------------------------- */ body #overlay .enlarge-captions figcaption { padding-top: 20px; text-align: center; margin: 0 auto; } /* ------------------------------------------------------- */ /* LEGACY INQUIRE PAGE (TEXT/IMAGE MODULE) STYLES */ /* ------------------------------------------------------- */ /*.inquireBox .right {*/ /* width: 40%;*/ /*}*/ /*.container.inquireWrapper {*/ /* padding: 70px 50px;*/ /* height: calc(100% - 140px);*/ /* display: flex;*/ /* align-items: center;*/ /* justify-content: center;*/ /*}*/ /* ------------------------------------------------------- */ /* VIEWING ROOM STYLES */ /* ------------------------------------------------------- */ /* ----------------------- */ /* IF USER IS NOT INCLUDING A BANNER/TEXT/INFO*/ .page-header-container + section#text-image { padding-top: 100px ; } /* ----------------------- */ /* CUSTOM GLOBAL MENU*/ /*.custom-global-menu {*/ /* display: none;*/ /*}*/ /*.s-viewing-room .main-header .logo img {*/ /* visibility:visible;*/ /* margin-top: 38px;*/ /*}*/ /*.s-viewing-room.detail-page .main-header .logo img {*/ /* visibility:visible;*/ /* margin-top: 0px;*/ /*}*/ .s-viewing-room .custom-global-menu, .s-private-viewing-room .custom-global-menu, .s-video .custom-global-menu{ display: flex!important; background-color: #fff !important; position: relative; color: #000; padding: 19px 20px; z-index: 99; padding-top: 19px; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; justify-content:space-between; } .s-viewing-room .custom-global-menu a, .s-private-viewing-room .custom-global-menu a, .s-video .custom-global-menu a{ display:inline-block; color: #000; } .s-viewing-room .custom-global-menu a:hover, .s-private-viewing-room .custom-global-menu a:hover, .s-video .custom-global-menu a:hover{ color:#757575 !important; } /*.s-viewing-room .custom-global-menu a {*/ /* float:right;*/ /*}*/ .s-viewing-room .custom-global-menu span, .s-private-viewing-room .custom-global-menu span, .s-video .custom-global-menu span{ width: auto; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: bottom; } .s-private-viewing-room .custom-global-menu span{ visibility:hidden; } .custom-global-menu.o, .s-viewing-room .custom-global-menu.o, .s-private-viewing-room .custom-global-menu.o { display: none; background-color:#fff; /*background-color: rgba(0, 0, 0, 0.8) !important;*/ /*z-index: 9000;*/ position: fixed; /*margin-bottom: 50px;*/ color: #000; padding: 10px 0; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; width: 100%; } .custom-global-menu.o span, .s-viewing-room .custom-global-menu.o span, .s-private-viewing-room .custom-global-menu.o span { padding-left: 20px; } .custom-global-menu.o a, .s-viewing-room .custom-global-menu.o a, .s-private-viewing-room .custom-global-menu.o a{ padding-right: 20px; } .custom-global-menu a.main-site, .s-video .custom-global-menu a.main-site, .s-private-viewing-room .custom-global-menu a.main-site{ /*background: url(https://s3.amazonaws.com/files.collageplatform.com.prod/application/5e1f7ecca5aa2c6c639069eb/MW_logo.png) no-repeat;*/ background: url(https://s3.amazonaws.com/files.collageplatform.com.prod/application/5e1f7ecca5aa2c6c639069eb/logo-1-350.png) no-repeat; height: 21px; width: 175px; background-size: 175px 20px; font-size: 0; margin-top: -8px; } /* ----------------------- */ /* VIEWING ROOM MAIN HEADER*/ /*.s-viewing-room .main-header {*/ /* padding-top: 0;*/ /* padding-bottom: 70px;*/ /* display: initial;*/ /*}*/ /*.s-viewing-room .main-header nav {*/ /* display: none;*/ /*}*/ /*.s-viewing-room .main-header .container {*/ /* margin-bottom: 50px;*/ /* position: relative;*/ /* z-index:99;*/ /*}*/ /*.s-viewing-room .main-header .logo {*/ /* margin: auto;*/ /* float: none;*/ /* text-align: center;*/ /* padding-top:3px;*/ /* display:none;*/ /* z-index: 99;*/ /*}*/ /*.s-viewing-room.detail-page .main-header .logo {*/ /* display: none;*/ /* margin: auto;*/ /* float: none;*/ /* text-align: center;*/ /* padding-top:40px;*/ /* z-index: 99;*/ /*}*/ .s-viewing-room .main-header, .s-private-viewing-room .main-header, .s-video .main-header{ padding-top:0; padding-bottom:0; margin-bottom:50px } .s-viewing-room .main-header .logo, .s-viewing-room .main-header nav, .s-viewing-room .main-header .mobile-menu-wrapper, .s-private-viewing-room .main-header .logo, .s-private-viewing-room .main-header nav, .s-private-viewing-room .main-header .mobile-menu-wrapper{ display:none; } /* ------------------------------------------------------- */ /* SWIPER - CLOSE X - INQUIRE - OVERLAY */ /* ------------------------------------------------------- */ /* --------------------------- */ /*slide-show x overlay close*/ .s-viewing-room.detail-page .slideshow-overlay .slideshow-overlay-close svg, .s-private-viewing-room.detail-page .slideshow-overlay .slideshow-overlay-close svg{ visibility:hidden; } .s-viewing-room.detail-page .slideshow-overlay .slideshow-overlay-close, .s-private-viewing-room.detail-page .slideshow-overlay .slideshow-overlay-close{ background-image: url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5e1f7ecca5aa2c6c639069eb/close-text-image.png"); background-size: cover; background-position: top left; } .s-viewing-room.detail-page .slideshow-overlay .slideshow-overlay-close:hover, .s-private-viewing-room.detail-page .slideshow-overlay .slideshow-overlay-close:hover{ background-position: top right; } .s-viewing-room.detail-page .slideshow-overlay .slideshow-overlay-content, .s-private-viewing-room.detail-page .slideshow-overlay .slideshow-overlay-content{ padding: 50px 20px; height: calc(100% - 100px); } /* --------------------------- */ /*inquire overlay*/ .s-viewing-room .slideshow-overlay .inquireBox, .s-private-viewing-room .slideshow-overlay .inquireBox{ padding:0; } .s-viewing-room .slideshow-overlay .inquireBox .header, .s-private-viewing-room .slideshow-overlay .inquireBox .header{ display:none; } .s-viewing-room .slideshow-overlay .inquireBox form.inquire label, .s-private-viewing-room .slideshow-overlay .inquireBox form.inquire label{ text-transform:initial; } .s-viewing-room .slideshow-overlay .inquireBox form input[type="submit"], .s-private-viewing-room .slideshow-overlay .inquireBox form input[type="submit"]{ border: 1px solid #000000; line-height: normal; padding: 8px 16px; color: #000000; } .s-viewing-room .slideshow-overlay .inquireBox .content-wrapper, .s-private-viewing-room .slideshow-overlay .inquireBox .content-wrapper{ padding-bottom:20px; } .s-viewing-room .slideshow-overlay .inquireWrapper, .s-private-viewing-room .slideshow-overlay .inquireWrapper{ max-width:1200px; } @media all and (max-height:767px) { .s-viewing-room .slideshow-overlay .inquireWrapper, .s-private-viewing-room .slideshow-overlay .inquireWrapper{ height:100%; } } /* ------------------------------------------------------- */ /* LEGACY INQUIRE OVERLAY */ /* ------------------------------------------------------- */ .s-viewing-room #overlay .inquireWrapper{ box-sizing:border-box; padding: 0 40px; display:flex; align-items:center; height:100%; max-width:1200px; } .s-viewing-room #overlay .inquireWrapper .header{ display:none; } .s-viewing-room #overlay form input[type="submit"]{ border: 1px solid #000000; line-height: normal; padding: 8px 16px; color: #000000; } @media all and (max-width:767px) { .s-viewing-room #overlay .inquireWrapper{ display:block; } } @media all and (max-height:767px) { .s-viewing-room #overlay .inquireWrapper{ display:block; } } /*@media all and (max-width:600px) {*/ /* .s-viewing-room #overlay .inquireWrapper .left img{*/ /* margin:0;*/ /* }*/ /*}*/ /*IPHONE FORM FONT-SIZE 16PX*/ @media all and (max-width:600px) { .inquireBox form input{ font-size:16px!important; } } /* ----------------------- */ /* SWIPER SLIDESHOW FIXES */ /*.slideshow-overlay .slideshow-overlay-close {*/ /* cursor: pointer;*/ /* position: fixed;*/ /* content: " ";*/ /* background: url(https://s3.amazonaws.com/files.collageplatform.com.prod/application/5e1f7ecca5aa2c6c639069eb/custom-xmagnify.png);*/ /* background-size: 140px 56px !important;*/ /* height: 28px;*/ /* width:28px;*/ /* top: 10px;*/ /* right: 15px;*/ /*}*/ /*.slideshow-overlay .slideshow-overlay-close:hover {*/ /* background-position: 0px -28px;*/ /*}*/ /*.slideshow-overlay-close svg {*/ /* display: none;*/ /*}*/ .nested-navigation { margin-bottom: 40px; } /*.s-viewing-room .placeholder .image img {*/ /* object-fit: contain;*/ /* width: 100%;*/ /* height: 100%;*/ /*}*/ .slideshow-overlay .swiper-slide .nested-slideshow .slide-content-container { padding-top: initial !important; } .slideshow-overlay .swiper-container.slideshow .swiper-slide>.swiper-slide-container .slide-content-container { padding-top: initial !important; } .slide-wrapper .links { margin-top: 20px; } .s-viewing-room a.inquire, .s-private-viewing-room a.inquire{ font-size: 13px; padding-top: 0px; padding-bottom: 20px; display: block; } .s-viewing-room a.inquire:hover, .s-viewing-room a.cursor-pointer:hover, .s-private-viewing-room a.inquire:hover, .s-private-viewing-room a.cursor-pointer:hover { color:#000 !important; } @media all and (max-width:767px) { .s-viewing-room .squared[data-width] .thumbnail-container, .s-private-viewing-room .squared[data-width] .thumbnail-container{ width: 48.6%; } } /* --------------------------------------------------------- */ /* SWIPER (MAX-WIDTH) ASPECT RATIO FIX */ /* --------------------------------------------------------- */ .position-guard-container .swiper-container{ width:1500px; max-width:100%; margin-left:auto; margin-right:auto; } .position-guard-container .swiper-container.slideshow .slide-content-container{ padding-top:45%; } @media (min-aspect-ratio: 4/3){ .position-guard-container .swiper-container.slideshow .slide-content-container{ padding-top:83vh; } } /* ----------------------- */ /* VIEWING ROOM CONTENTWRAPPER */ /*.s-viewing-room div#contentWrapper {*/ /* padding-top: 0px !important;*/ /*}*/ /*.s-viewing-room section.objects.home {*/ /* margin-top: 50px;*/ /*}*/ .s-viewing-room .objects-details, .s-private-viewing-room .objects-details{ margin-top: -50px; } /* --------------------------- */ /*TOP BANNER TEXT*/ /* --------------------------- */ section#top-text { margin-top: 50px; } div#screen-top-text { text-align: center; } div#screen-top-text header { border: 0; margin-bottom: 0; } #screen-top-text h4 { width: 100%; font-size:40px !important; text-transform:capitalize; font-family: 'ITC Garamond W01 Light'; color:#000; line-height:1.1 !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #screen-top-text .text-one-column .content { width: 100%; text-align: center; margin: auto; padding-bottom: 0 !important; max-width: 700px; } #screen-top-text .text-one-column .content p:first-of-type { text-transform: unset; font-size: 30px !Important; /*font-family:'Times NR MT W03 Italic';*/ /*font-family: 'TradeCn18';*/ color:#000; margin-bottom:15px; line-height: 1.1 !important; -webkit-font-smoothing: antialiased; } #screen-top-text .text-one-column .content p { text-transform: unset; font-size: 20px !Important; /*font-family: 'TradeCn18';*/ color:#000; line-height: 1.1 !important; -webkit-font-smoothing: antialiased; } /* --------------------------- */ /*TOP BANNER FIT*/ /* --------------------------- */ #top-banner-fit header, #top-banner-fit .text, #top-banner-fit .caption, #top-banner-fit .text-one-column-with-image{ display:none; } #top-banner-fit .text-one-column-with-image{ max-width: 100%!important; } #top-banner-fit .text-one-column-with-image.large-image{ display:block; } #top-banner-fit .large-image:not(.banner-image) .container{max-width:100%!important;padding:0;} #top-banner-fit .large-image:not(.banner-image) .image img{width:100%;} section#top-banner-fit { margin-bottom: 50px; } /* --------------------------------------------------------- */ /* TOP BANNER */ .s-viewing-room div#homefader, .s-private-viewing-room div#homefader{ position: absolute; height: 100% !important; } #top-banner .full-slider .bx-wrapper { width: 100% !Important; } #top-banner { margin-top: 0px; margin-bottom: 80px; } #top-banner .full-width-banner .slide figure { padding-top:80vh; pointer-events:none } #top-banner .full-width-banner .slide figcaption{ margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 800px; } #top-banner figcaption h1 { font-size:60px !important; text-transform:uppercase; line-height:1.1 !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #top-banner figcaption h2 { padding-top:10px; text-transform: unset; font-size: 36px !Important; font-family: 'ITC Garamond W01 Light Italic'; line-height: 1.1 !important; -webkit-font-smoothing: antialiased; } #top-banner figcaption p { padding-top:18px; font-family: 'ITC Garamond W01 Light'; text-transform: unset; font-size: 20px !Important; text-transform:uppercase; padding-top: 15px; line-height: 1.1; -webkit-font-smoothing: antialiased; } @media all and (max-width:1024px) { #top-banner figcaption h1 {font-size:55px !important;} #top-banner figcaption h2 {font-size: 31px !Important;} #top-banner figcaption p {font-size: 16px !Important;} } @media all and (max-width:680px) { #top-banner figcaption h1 {font-size:47px !important;} #top-banner figcaption h2 {font-size: 22px !Important;} } @media all and (max-width:680px) { #top-banner figcaption h1 {font-size:41px !important;} } /* --------------------------------------------------------- */ /* REMOVE HEADER */ .s-viewing-room .page-header-container, .s-private-viewing-room .page-header-container{ display:none; } /* --------------------------------------------------------- */ /* EMAIL LOGIN PAGE */ /*.emailProtectedPage h4 {*/ /* text-transform: capitalize;*/ /* padding: 0 0 5px 0 !important;*/ /* margin: 0 0 0 0 !important;*/ /* display: block;*/ /* color: #000;*/ /* margin-bottom:60px !important;*/ /* letter-spacing: 1px;*/ /*}*/ /*.emailProtectedPage form input[type="submit"], #order_personal_data_copy_billing {*/ /* background: 0;*/ /* border: 0;*/ /* padding: 10px 12px;*/ /* background: #000;*/ /* text-transform:uppercase;*/ /* color: #fff;*/ /*}*/ /*.s-viewing-room .emailProtectedPage form input[type="text"], .s-viewing-room form input[type="password"],*/ /*.s-viewing-room .emailProtectedPage form input[type="email"], form select, form textarea {*/ /* margin-right: 15px;*/ /* width: 350px;*/ /* display:inline-block !Important;*/ /*}*/ /*.s-viewing-room .emailProtectedPage form input[type="email"] {*/ /* max-width: 605px;*/ /* width: 100%;*/ /*}*/ /*.emailProtectedPage form#email-protected-form {*/ /* margin-bottom: 50px;*/ /*}*/ /*.emailProtectedPage form input[type="submit"]:hover, #order_personal_data_copy_billing:hover {*/ /* color: #fff;*/ /*}*/ /* --------------------------------------------------------- */ /* EMAIL FORM */ /*form input[type="text"]:last-of-type {*/ /* margin-right: 0px !important;*/ /*}*/ /*.emailProtectedPage {*/ /* height: 80vh;*/ /* margin-top: 0px;*/ /* text-align: center;*/ /* position: relative;*/ /*}*/ /*.emailProtectedPage .container {*/ /* max-width: 800px !important;*/ /* width: 100%;*/ /* position: absolute;*/ /* left: 50%;*/ /* top: 50%;*/ /* transform: translate(-50%,-50%);*/ /*}*/ /* --------------------------------------------------------- */ /*EMAIL PROTECTED*/ /* --------------------------------------------------------- */ .emailProtectedPage{ min-height: 100%; display: flex; align-items: center; box-sizing:border-box; } .emailProtectedPage > .container{ text-align:center; margin-bottom:100px; max-width:720px; width:100%; } .emailProtectedPage h4{ margin-bottom:60px; text-transform:initial; } .emailProtectedPage p:empty{ display:none; } .emailProtectedPage form{ margin-bottom:50px; 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: 9px 15px 9px 15px; border: 1px solid #ccc; background-color:#ffffff; margin-bottom:20px; vertical-align:top; text-align:left; } .emailProtectedPage form input[type="text"] { width: 48%; } .emailProtectedPage form input[type="text"]:first-of-type { margin-right: 4%; } .emailProtectedPage form input[type="email"] { width: calc(75% + 8%); margin-right:4%; } .emailProtectedPage form input[type="submit"]{ height: unset; width: calc(21% - 8%); font-size: 14px; line-height: normal; padding: 9px 15px 9px 15px; border: 1px solid #ccc; /*background-color:#f7f7f7;*/ background-color:#000000; color:#ffffff; margin-bottom:20px; vertical-align:top; text-align:center; } .emailProtectedPage .logo{ margin-bottom:30px; display:block; } @media all and (max-width: 680px), screen and (max-height: 560px){ .emailProtectedPage > .container{ /*padding-top:60px;*/ } .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%; font-size:16px; } } /* --------------------------------------------------------- */ /* QUOTE STYLES */ .text-one-column-with-image.no-image.large-image .text.paragraph-styling { text-align: center; } .s-viewing-room .text-one-column-with-image.large-image .image , .s-private-viewing-room .text-one-column-with-image.large-image .image { text-align: center; margin-bottom: 30px; } .text-one-column-with-image.no-image.large-image .text, .s-cp1 .text-one-column-with-image.no-image.large-image .text { display:block; } .text-one-column-with-image.no-image.large-image .text.paragraph-styling p { line-height: 1.5; font-size: 20px; text-align:left; } .text-one-column-with-image.no-image.large-image .text.paragraph-styling p:first-of-type { margin-bottom: 5px; font-size: 35px; } .s-viewing-room .text-one-column-with-image.large-image header, .s-private-viewing-room .text-one-column-with-image.large-image header, .s-viewing-room .text-one-column-with-image.large-image .text, .s-private-viewing-room .text-one-column-with-image.large-image .text{ display: none; } .s-viewing-room .text-one-column-with-image.no-image.large-image header, .s-private-viewing-room .text-one-column-with-image.no-image.large-image header{ display: none; } .s-viewing-room .text-one-column-with-image.no-image.large-image .text, .s-private-viewing-room .text-one-column-with-image.no-image.large-image .text{ padding: 0 0 00px 0; display:block; float: none; width: 100%; max-width: 850px; margin: auto; } .swiper-slide-caption.caption { width: 100%; max-width:600px; margin-left: auto; margin-right: auto; } @media all and (max-width:768px) { .swiper-slide-caption.caption { width: 100%; } } /* --------------------------------------------------------- */ /* MODULAR TEXT/IMAGE STYLES */ .s-viewing-room .text-one-column-with-image.no-image .text, .s-private-viewing-room .text-one-column-with-image.no-image .text{ float: none; margin: auto; max-width: 650px; } .s-viewing-room .text-one-column-with-image:last-of-type, .s-private-viewing-room .text-one-column-with-image:last-of-type{ padding-bottom: 30px !important; } .s-viewing-room .text-one-column-with-image, .s-private-viewing-room .text-one-column-with-image{ margin:auto; max-width: 1080px; } .s-viewing-room .text-one-column-with-image.banner-image , .s-private-viewing-room .text-one-column-with-image.banner-image { max-width: 100%; } .s-viewing-room .text-one-column-with-image.banner-image figure, .s-private-viewing-room .text-one-column-with-image.banner-image figure{ margin-bottom: 0 !important; pointer-events:none; } .s-viewing-room .text-one-column-with-image.banner-image .text , .s-private-viewing-room .text-one-column-with-image.banner-image .text { display:none !important; } .s-viewing-room .text-one-column-with-image.banner-image, .s-private-viewing-room .text-one-column-with-image.banner-image{ margin-bottom:60px; } .text-one-column-with-image.large-image .image, .text-one-column-with-image.banner-image .image { width: 100%; padding-bottom: 0; float: none; } .s-viewing-room .text-one-column-with-image .divider , .s-private-viewing-room .text-one-column-with-image .divider { border: 0; margin-bottom: 0; } .s-viewing-room .text-one-column-with-image.large-image .text, .s-viewing-room .text-one-column-with-image.banner-image .text, .s-private-viewing-room .text-one-column-with-image.large-image .text, .s-private-viewing-room .text-one-column-with-image.banner-image .text{ padding: 0 0 00px 0; float: none; width: 100%; max-width: 700px; margin: auto; } .s-viewing-room .text-or-image-two-columns.banner-image figure, .s-viewing-room .text-one-column-with-image.banner-image figure, .s-private-viewing-room .text-or-image-two-columns.banner-image figure, .s-private-viewing-room .text-one-column-with-image.banner-image figure{ min-height: 100vh; /*background-attachment: fixed;*/ margin-bottom: 60px; /*background-position: center;*/ /*background-size: cover;*/ } .s-viewing-room .text-one-column-with-image .text, .s-private-viewing-room .text-one-column-with-image .text{ float: left; padding-bottom: 10px; width: 58%; } .s-viewing-room .text-one-column-with-image .text, .s-private-viewing-room .text-one-column-with-image .text{ padding-left: 5%; padding-bottom: 40px !important; } /* --------------------------------------------------------- */ /* SLIDESHOWS/GRID VIEW STYLES */ .s-viewing-room.detail-page .slideshow-container .slideshow-headline, .s-private-viewing-room.detail-page .slideshow-container .slideshow-headline{ border:0 ; margin-bottom: 30px; /*display: none;*/ } .s-viewing-room.detail-page .slideshow-container .slideshow-headline h1, .s-viewing-room.detail-page .slideshow-container .slideshow-headline h2, .s-viewing-room.detail-page .slideshow-container .slideshow-headline h3, .s-private-viewing-room.detail-page .slideshow-container .slideshow-headline h1, .s-private-viewing-room.detail-page .slideshow-container .slideshow-headline h2, .s-private-viewing-room.detail-page .slideshow-container .slideshow-headline h3{ display: none !important; } div#screen-grid-view , div#screen-grid-view-2, div#screen-grid-view-3, div#screen-slideshow-1, section#slideshow-3, section#slideshow-2{ margin-bottom: 70px; } #screen-video header.section-header.divider { display: none; } .swiper-container .swiper-slide-caption p{ font-size: 12px; line-height: 1.5; } /*.s-viewing-room.detail-page .slide-content-container,*/ /*.s-private-viewing-room.detail-page .slide-content-container{*/ /* padding-top: 550px !important;*/ /*}*/ .thumbnail-container .caption-snippet { overflow: hidden; height: auto; width: 90%; margin: auto; } .thumbnail-container .caption-snippet p { font-size: 12px; line-height: 1.5; } /*.slideshow-overlay .slideshow-overlay-close {*/ /* cursor: pointer;*/ /* position: fixed;*/ /* width: 24px;*/ /* height: 24px;*/ /* top: 15px;*/ /* right: 30px;*/ /*}*/ .swiper-slide-caption a.cursor-pointer, .inquire-link a.cursor-pointer{ font-size: 13px; padding-top: 20px; padding-bottom: 20px; display: block; } .s-viewing-room div#screen-slideshow-1 .container, .s-viewing-room div#screen-grid-view .container, .s-viewing-room div#screen-video .container, .s-viewing-room section#downloadables .container, .s-viewing-room #slideshow-2 .container, .s-viewing-room #slideshow-3 .container, .s-viewing-room section#grid-view-2 .container, .s-viewing-room section#grid-view-3 .container, .s-viewing-room div#screen-slideshow-3 .container, .s-viewing-room div#screen-slideshow-4 .container, .s-viewing-room div#screen-slideshow-5 .container, .s-private-viewing-room div#screen-slideshow .container, .s-private-viewing-room div#screen-grid-view .container, .s-private-viewing-room div#screen-video .container, .s-private-viewing-room section#downloadables .container, .s-private-viewing-room #slideshow-2 .container, .s-private-viewing-room #slideshow-3 .container, .s-private-viewing-room section#grid-view-2 .container, .s-private-viewing-room section#grid-view-3 .container, .s-private-viewing-room div#screen-slideshow-3 .container, .s-private-viewing-room div#screen-slideshow-4 .container, .s-private-viewing-room div#screen-slideshow-5 .container{ max-width: 1600px; } .s-viewing-room header.section-header.divider.border-top, .s-private-viewing-room header.section-header.divider.border-top{ display: none; } .s-viewing-room section#stacked-slideshow .no-slider .slide figure { padding-top: 0; text-align: center; } .s-viewing-room section#stacked-slideshow .no-slider .slide figcaption { display: block; text-align: center; } .s-viewing-room div#screen-images, .s-viewing-room section#installation-views{ margin-bottom: 60px; } .s-viewing-room span.links.slider-features, .s-private-viewing-room span.links.slider-features{ display: block; width: 100%; text-align: center; margin-bottom: 25px; } .s-viewing-room span.links.slider-features a , .s-private-viewing-room span.links.slider-features a{ margin-bottom: 0; padding-bottom: 0; margin-top:3px; } /* --------------------------------------------------------- */ /* NESTED STYLES */ .nested-slideshow { margin-bottom: 60px; } #nested-slideshow .slideshow-headline { display: none !important; } /* --------------------------------------------------------- */ /* VIEWING ROOM FOOTER */ .s-viewing-room.detail-page a.footer-siteindex, .s-private-viewing-room.detail-page a.footer-siteindex{ display: none; } /* --------------------------------------------------------- */ /* HEADER H1 & H4 STYLES */ .s-viewing-room h4,.s-viewing-room header h1, #downloadables span.titles, .s-private-room #screen-downloads span.titles, .s-private-viewing-room h4,.s-private-viewing-room header h1 { letter-spacing: 0em !important; font-size: 22px !important; } .s-viewing-room header.section-header.divider.border-top h1, .s-viewing-room #video header.section-header.divider h4, .s-viewing-room #downloadables header.section-header.divider h4, .s-private-viewing-room header.section-header.divider.border-top h1, .s-private-viewing-room #video header.section-header.divider h4, .s-private-viewing-room #downloadables header.section-header.divider h4{ display: block; padding-bottom: 0px; text-align: left; font-family:'ITC Garamond W01 Light'; width: 100%; } div#screen-downloadables .container { max-width: 1080px !important; width: 100%; } @media all and (max-width:800px) { div#screen-downloadables .container { max-width: 100% !important; width: auto; } } .s-viewing-room header.section-header.divider.border-top, .s-viewing-room #video header.section-header.divider, .s-viewing-room #downloadables header.section-header.divider, .s-prviate-viewing-room header.section-header.divider.border-top, .s-prviate-viewing-room #video header.section-header.divider, .s-prviate-viewing-room #downloadables header.section-header.divider{ padding-bottom: 0px; /*border-top: 1px solid #ccc;*/ border-bottom: 0; /*padding-top: 25px;*/ margin-bottom: 5px; } .s-viewing-room header.section-header.divider.border-top h1, .s-private-viewing-room header.section-header.divider.border-top h1{ display: none !important; } /* --------------------------------------------------------- */ /* VIDEO NEW AND OLD */ .s-viewing-room section#video{ display:none; } .s-viewing-room section#video-new, .s-private-viewing-room section#video{ padding-bottom:80px; } /* --------------------------------------------------------- */ /* DOWNLOADABLES STYLES */ #downloadables span.titles, .s-private-room #screen-downloads span.titles { margin-bottom: 15px; display: block; } div#screen-downloadables p , div#screen-downloadables .links{ text-align: left; } #downloadables .grid .entry .placeholder { margin-bottom: 6px; display: none; } .s-viewing-room #downloadables header.section-header.divider, .s-prviate-viewing-room #downloadables header.section-header.divider, div#screen-video{ margin-bottom: 50px; } .s-viewing-room #downloadables .container.grid.entries.fixed-font, .s-prviate-viewing-room #downloadables .container.grid.entries.fixed-font{ max-width: 1080px !important; } .s-viewing-room #downloadables .grid .entry , .s-private-viewing-room #downloadables .grid .entry { width: 29% !important; display: inline-block; padding-right: 6%; padding-bottom: 50px; vertical-align: top; } .s-viewing-room #downloadables .grid .entry:nth-child(3n+3), .s-private-viewing-room #downloadables .grid .entry:nth-child(3n+3){ padding-right: 0 !important; } .s-viewing-room #downloadables .grid .entry:nth-child(4n+4), .s-private-viewing-room #downloadables .grid .entry:nth-child(4n+4){ padding-right: 6%; } /* --------------------------------------------------------- */ /*VIEWING ROOM ASSOCIATIONS*/ /* --------------------------------------------------------- */ .s-viewing-room section#associations .container, .s-private-viewing-room section#associations .container{ max-width:1080px; } .s-viewing-room section#associations div[id^='related'], .s-private-viewing-room section#associations div[id^='related']{ padding-bottom:80px; } .s-viewing-room section#associations header h4, .s-prviate-viewing-room section#associations header h4{ font-family: 'ITC Garamond W01 Light'; } @media all and (max-width:500px) { .text-one-column-with-image.no-image.large-image .text.paragraph-styling p:first-of-type { margin-bottom: 5px; font-size: 24px; } .s-viewing-room #downloadables .grid .entry, .s-private-viewing-room #downloadables .grid .entry { width: 100% !important; display: inline-block; padding-right: 0; padding-bottom: 50px; vertical-align: top; } .s-private-room #screen-downloads .grid .entry:nth-of-type(1n+1) { width: 100%; display: inline-block; padding-right: 0%; padding-bottom: 20px; vertical-align: top; } } /* --------------------------------------------------------- */ /* SIDEBAR SPACING STYLES */ /* --------------------------------------------------------- */ /*section.artists.home.publications-view,*/ /*section.combined_childpage,*/ /*section#exhibitions-container-main,*/ /*section.news.news-index,*/ /*section.artists.home,*/ /*.s-p1.detail-page .sidebar-left,*/ /*.s-p1.detail-page .sidebar-right,*/ /*.s-locations.detail-page .sidebar-left,*/ /*.s-locations.detail-page .sidebar-right,*/ /*.s-privacy-policy section.custom_page{*/ /* margin-top: 50px;*/ /*}*/ /* --------------------------------------------------------- */ /* DROPDOWN STYLES */ /* --------------------------------------------------------- */ a.filter-clear { display: block !important; margin-top: 15px !Important; font-size: 15px !important; } /*.dropdown-root {*/ /* max-width: 90% !Important;*/ /*}*/ .categories-left .filter-items { padding-top: 0 !important; } .dropdown-root .divider { border-color: #888888; padding: 3px 0; border: 1px solid #888; } .dropdown > div { z-index: 54; } .dropdown > .divider { max-height: 185px; overflow: scroll; } /* ------------------------------------------------------- */ /* BASE TEMPLATE FONT STYLES */ /* ------------------------------------------------------- */ /*font-family:'ITC Garamond W01 Light';*/ /*font-family:'ITC Garamond W01 Light Italic';*/ /*font-family:'ITC Garamond W01 Book';*/ /*font-family:'ITC Garamond W01 Book Italic';*/ /*font-family:'ITC Garamond W01 Bold';*/ /*font-family:'ITC Garamond W01 Bold Italic';*/ @font-face{ font-family:"ITC Garamond W01 Light"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5e1f7ecca5aa2c6c639069eb/5b3765d2-2836-4aaf-b5fc-098b0dcd9d26.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5e1f7ecca5aa2c6c639069eb/6dc5498a-f4f6-425a-89be-6d6e34c90037.woff") format("woff"); } @font-face{ font-family:"ITC Garamond W01 Light Italic"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5e1f7ecca5aa2c6c639069eb/3c2895b3-ff08-4c97-9b5e-50878d68379d.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5e1f7ecca5aa2c6c639069eb/9fb3b0f4-a0a9-4b6e-a989-9f496fd509bb.woff") format("woff"); } @font-face{ font-family:"ITC Garamond W01 Book"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5e1f7ecca5aa2c6c639069eb/3898fc2f-b3f8-4656-a283-bdcbf137ffbb.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5e1f7ecca5aa2c6c639069eb/120422db-27fa-4ea0-b15c-8143059f8244.woff") format("woff"); } @font-face{ font-family:"ITC Garamond W01 Book Italic"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5e1f7ecca5aa2c6c639069eb/c83f43b4-eeb9-4e38-8951-f553ce873be3.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5e1f7ecca5aa2c6c639069eb/dbf7f71d-2979-40c1-beda-f7b889ae9d0e.woff") format("woff"); } @font-face{ font-family:"ITC Garamond W01 Bold"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5e1f7ecca5aa2c6c639069eb/a65d9a01-542e-4a1b-b104-c0dd7c642a13.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5e1f7ecca5aa2c6c639069eb/f979111c-ca99-444b-9c0e-cb4e717cf407.woff") format("woff"); } @font-face{ font-family:"ITC Garamond W01 Bold Italic"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5e1f7ecca5aa2c6c639069eb/24abafd1-5be6-4bf1-8819-26054439cfd5.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5e1f7ecca5aa2c6c639069eb/01186282-5426-48c5-80cb-1650af09b192.woff") format("woff"); } body{ font-family: 'ITC Garamond W01 Light'; font-size:14px; font: 14px 'ITC Garamond W01 Light', serif; /*re-declare fix*/ line-height:normal; /*keep normal*/ } b, strong{ font-family: 'ITC Garamond W01 Bold'; font-weight:normal; } i, em{ font-family: 'ITC Garamond W01 Light Italic'; font-style:normal; } strong > em, b > em, strong > i, b > i, em > strong, em > b, i > strong, i > b{ font-family: 'ITC Garamond W01 Bold Italic'; font-style:normal; } /*HEADER OVERIDE IN TEXTBOX*/ strong > em > u, strong > u > em, em > strong > u, em > u > strong, u > em > strong, u > strong > em{ font-family: 'ITC Garamond W01 Light'; margin-bottom: .2em !important; font-size: 25px !important; font-style:normal; color:#000000 !important; padding:0 0 0px 0 !important; margin: -10px 0 0 0 !important; line-height:0.8em !important; display:inline-block !important; font-weight:normal; text-decoration:none !important; } /* ------------------------------------------------------- */ /* PARAGRAPHS (BROWN) */ /* ------------------------------------------------------- */ p,.paragraph-styling p{ font-size:14px; line-height:1.8; /*box-shadow: inset 0 0 0 1px #993300;*/ } .paragraph-styling p{ margin-bottom:1.3em; } /* --------------------------------------------------------- */ /*CUSTOM HEADER PARAGRAPH SEE JS*/ /* --------------------------------------------------------- */ p.custom-header-paragraph{ margin-bottom:.2em !important; font-size: 18px !important; color:#000000; /*padding-top:15px;*/ } p.custom-header-paragraph:first-of-type{ padding-top:0 !important; } /* --------------------------------------------------------- */ /*CUSTOM BULLETS SEE JS*/ /* --------------------------------------------------------- */ p.custom-bullet{ text-indent:-12px; padding-left:12px; margin-bottom:.5em; } p.custom-bullet:before { content: "• "; color: #000000; padding-right:2px; font-weight:bold; } p.custom-bullet-last, p.custom-bullet:last-child{ margin-bottom:2em; } /* --------------------------------------------------------- */ /*CUSTOM HORIZONTAL LINE SEE JS*/ /* --------------------------------------------------------- */ p.custom-horizontal-line{ border-bottom-style: solid; border-bottom-color: #cccccc; border-bottom-width: 1px; margin-bottom: 3em; line-height:1em !important; } .s-pr1 .list-detail-title { display:none; } /* --------------------------------------------------------- */ /* EMPTY FIXES */ /* --------------------------------------------------------- */ h2:empty, h3:empty, .date:empty, .subtitle:empty, .summary:empty { display: none !important;} /* --------------------------------------------------------- */ /*HOVER STATES*/ /* --------------------------------------------------------- */ /*a:hover h1, */ /*a:hover .title, */ a:hover span.subtitle, a:hover .date, a:hover .additional-text, .associations #e1-grid a:hover span.subtitle{ color:#757575 !important; } a:hover, /*a:hover *, */ .grid .entry a:hover span, .private-login input[type="submit"]:hover, .entry a:hover .placeholder, .entry a:hover .thumb, #overlay .close:hover, .main-header nav a:hover, .main-header nav a.active, .screen-nav a.active, .screen-nav a:hover, .screen-nav a:hover *, .slider-features a.active, .slider-features a:hover, .slider-features a:hover *, .section-header a:hover, .section-header a:hover *, .section-header a.active { color: #757575 !important; } a, .private-login input[type="submit"] { color: #757575; } /* --------------------------------------------------------- */ /*SELECTION COLOR*/ /* --------------------------------------------------------- */ ::selection {color:#ffffff;background:#000000;} ::-moz-selection {color:#ffffff;background:#000000;} .lightOnDarkText {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .forceDefaultOSX{-webkit-font-smoothing: subpixel-antialiased;} /* --------------------------------------------------------- */ /* IMAGE BORDERS*/ /* --------------------------------------------------------- */ /*#overlay figure img,*/ /*.image img,*/ /*.slider img{outline-color:rgba(128,128,128,.05); outline-width:1px; outline-style:solid; outline-offset:-1px;}*/ /* ------------------------------------------------------- */ /* ZERO OUT GRID SPACING - REMOVE EXTRANEOUS SPACING */ /* ------------------------------------------------------- */ .row{padding-bottom:0;} .grid{padding-bottom:0;} .grid {line-height: normal;} .section-header.second-row {margin-top: 0px } .exhibitions.home .headers, .exhibitions.home .medium .headers, .exhibitions.home .small .headers{padding-top: 0;} .grid-left-categories .categories-left.screen-nav {margin-top: 0px;} .image{ line-height: 0;} .image img{padding:0 !important;} .links a:last-of-type {line-height: normal;} nav.screen-nav{display:flex;} .grid-left-categories .categories-left.screen-nav {margin-top: 0px;} .homepage .caption {padding-top: 0;} .homepage.banner{line-height:0;} .inquireBox .left {line-height:0;} /* ------------------------------------------------------- */ /* SPACE BELOW ALL THUMBNAILS */ /* ------------------------------------------------------- */ .placeholder, .thumb, .homepage.banner img { margin-bottom:15px !important; } /* ------------------------------------------------------- */ /* MAIN-HEADER */ /* ------------------------------------------------------- */ .main-header{ /*text-transform:unset;*/ padding: 30px 0; padding-bottom: 30px; margin-bottom:50px; } .s-pr1 .main-header nav a[href="https://www.michaelwerner.de/"] { /* text-align: right !important; */ float: right; color:#ffffff; background: url(https://s3.amazonaws.com/files.collageplatform.com.prod/application/5e1f7ecca5aa2c6c639069eb/Logo-Galerie-Michael-Werner.png) no-repeat; display: inline-block; height: 10px; width: 250px; background-size: 250px 9px; /*padding: 20px !important;*/ font-size: 0; margin-top:4px; /*z-index: 9999 !important;*/ } .s-pr1 .main-header{ margin-bottom:0; } .main-header .logo { float: none; } nav.main { display: block; text-align: left; margin-top:20px; } .main-header nav, .main-header .logo span, .main-header nav a{ font-family: 'ITC Garamond W01 Light'; font-size: 15px; letter-spacing:0; text-transform:capitalize; } .main-header nav a, .screen-nav a, .slider-features a, .section-header a, .private nav a { color: #000; } .main-header nav { line-height: normal; } .main-header nav a { margin-left: 20px } .main-header .logo span{ color:#000000; } /*fix logo float causing banner shift*/ /*.s-home .main-header{overflow:hidden;}*/ /*@media all and (max-width:800px) {*/ /* .s-home .main-header{overflow:visible;}*/ /*}*/ /*.main-header nav:after{*/ /* content: ".";*/ /* display: block;*/ /* height: 0;*/ /* clear: both;*/ /* visibility: hidden;*/ /*}*/ /*.main-header{overflow:hidden;}*/ @media all and (max-width: 820px) { .main-header.fixed { position:static } .main-header .logo { max-width: 100%; margin-right:0 } .main-header { padding-top: 30px; padding-bottom:30px; margin-bottom:10px; } .main-header-custom{ box-shadow:none!important; } } /* ---------------------------------------------------------------------*/ /* MENU TOGGLE SCROLL - SEE JS */ /* ---------------------------------------------------------------------*/ .main-header-custom{ -webkit-transition: background-color .3s; transition: background-color .3s; background-color:rgba(255,255,255,1); /*padding: 12px 0;*/ box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0.02); /*margin-bottom:84px;*/ } .main-header .logo img{ /*transition: width .3s;*/ width:200px; /*width:200px;*/ /*max-width:200px;*/ } /*MAIN HEADER RESPONSIVE COPY PASTE CHANGE FROM 480 to 800*/ @media all and (max-width: 820px) { .main-header nav.main, .main-header nav.languages { display:none } .mobile-menu-wrapper { position: relative; margin: 20px 0 0 0; display:block } .main-header nav.mobile { display: inline-block; line-height:normal; } .main-header nav.mobile { text-align:left } nav.mobile .navlinks { padding-top:13px } 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 } .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 } } /* ------------------------------------------------------- */ /* DETAIL TITLES */ /* ------------------------------------------------------- */ .list-detail-title, .detail-title { -webkit-font-smoothing: subpixel-antialiased; display:inline-block; color:#000000; background-color:#e5e5e5; font-size:8px; margin:0 0 5px 0; padding:3px 4px 3px 4px; line-height: 1; } /* ------------------------------------------------------- */ /* H1 TITLE */ /* ------------------------------------------------------- */ .exhibitions #large h1, /*exhibitions-grid*/ .exhibitions #medium h1, /*exhibitions-grid*/ .past .title, /*exhibitions-grid*/ .artists .title, /*artists grid*/ .publications .title, /*publications-grid*/ .objects .title, /*objects-grid*/ .press .title, /*press-grid*/ .news .title, /*news-grid*/ .news h1, .news .list h1, /*news-list*/ .associations .title, /*associated-grid*/ .associations .news h1, /*associated-news-list*/ .item-header h1, /*detail-page*/ .homepage .caption h1 /*homepage*/ { font-size:22px; color:#000000; text-transform:normal; padding:0 0 0 0 ; margin: 0 0 0 0; line-height:normal; } .item-header h1, .slideshow-headline.frs h1 { font-size:22px; } .artists .title { font-size:16px !important; } .s-p1 .artists .title { font-size:22px !important; padding-right:20px; /*padding-bottom:3px !Important;*/ } /* ------------------------------------------------------- */ /* H2 SUBTITLE */ /* ------------------------------------------------------- */ .exhibitions #large h2, /*exhibitions-grid*/ .exhibitions #medium h2, /*exhibitions-grid*/ .past .subtitle, /*exhibitions-grid*/ .artists .subtitle, /*artists grid*/ .publications .subtitle, /*publications-grid*/ .objects .subtitle, /*objects-grid*/ .press .subtitle, /*press-grid*/ .news .subtitle, /*news-grid*/ .news h2, /*news-list*/ .associations .subtitle, /*associated-grid*/ .associations .news h2, /*associated-news-list*/ .item-header h2, /*detail-page*/ .homepage .caption h2 /*homepage*/, .slideshow-headline.frs h2:first-of-type { font-family: 'ITC Garamond W01 Light Italic'; font-size:16px; /*font-family: 'Text-RegularItalic';*/ color:#000000; text-transform:normal; padding:5px 0 0 0 !important; margin: 0 0 0 0; line-height:normal; } /* ------------------------------------------------------- */ /* SUBTITLE-2 */ /* ------------------------------------------------------- */ .exhibitions #large h2.subtitle2, /*exhibitions-grid*/ .exhibitions #medium h2.subtitle2, /*exhibitions-grid*/ .past .subtitle2, /*exhibitions-grid*/ .artists .subtitle2, /*artists grid*/ .publications .subtitle2, /*publications-grid*/ .objects .subtitle2, /*objects-grid*/ .press .subtitle2, /*press-grid*/ .news .subtitle2, /*news-grid*/ .news h2.subtitle2, /*news-list*/ .associations .subtitle2, /*associated-grid*/ .associations .news h2.subtitle2, /*associated-news-list*/ .item-header h2.subtitle2, /*detail-page*/ .homepage .caption h2.subtitle2 /*homepage*/, .slideshow-headline.frs h2:nth-of-type(2) { font-size:14px; color:#000000; text-transform:initial; padding:5px 0 0 0 !important; margin: 0 0 0 0; line-height:normal; } /* ------------------------------------------------------- */ /* H3 DATE */ /* ------------------------------------------------------- */ .exhibitions #large h3, /*exhibitions-grid*/ .exhibitions #medium h3, /*exhibitions-grid*/ .past .date, /*exhibitions-grid*/ .artists .date, /*artists grid*/ .publications .date, /*publications-grid*/ .objects .date, /*objects-grid*/ .press .date, /*press-grid*/ .news .date, /*news-grid*/ .news h3, /*news-list*/ .associations .date, /*associated-grid*/ .associations .news h3, /*associated-news-list*/ .item-header h3, /*detail-page*/ .homepage .caption h3 /*homepage*/, .slideshow-headline.frs h3 { font-size:14px; color:#000000; text-transform:initial; padding:18px 0 0 0 !important; margin: 0 0 0 0; line-height:normal; } .item-header h3, .slideshow-headline.frs h3 { padding:5px 0 0 0 !important; } .homepage .caption h3 p /*home-h3 uses multi line text, font-size needs to be set for p*/ { font-size:12px; } /* ------------------------------------------------------- */ /* H4 SUBHEADER */ /* ------------------------------------------------------- */ .custom_page header h1, /*custom_page does not use H4*/ header h4 { font-family: 'ITC Garamond W01 Book'; font-size: 16px; color:#000000; text-transform:initial; padding:0 0 0 0; margin: 0 0 0 0; line-height:normal; } /* ------------------------------------------------------- */ /* SUBNAV */ /* ------------------------------------------------------- */ .screen-nav a, .slider-features a, .section-header a, .private nav a { font-size: 15px; font-family: 'ITC Garamond W01 Light'; text-transform: initial; padding-top: 0; margin-top: 0; margin-bottom: 13px; display: inline-block; line-height: normal; } /* --------------------------------------------------------- */ /* LINKS */ /* --------------------------------------------------------- */ .homepage .entry .links, .links .file a, .details .links a, .content .links a, .entry .links a { font-size:13px; text-transform:initial; padding:0 0 10px 0; margin: 0 0 0 0; line-height:normal; display:block; /*box-shadow: inset 0 0 0 1px #800080;*/ } /* --------------------------------------------------------- */ /* CAPTIONS */ /* --------------------------------------------------------- */ .inquireBox .left .caption p, .slide figcaption p, .image .caption p { font-size: 12px; line-height: 1.5; /*box-shadow: inset 0 0 0 1px #FFA500;*/ } .inquireBox .left .caption, .image .caption { margin-top:10px; /*box-shadow: inset 0 0 0 1px #FFA500;*/ } .thumbnail-caption { height: auto; } /* --------------------------------------------------------- */ /* SUMMARY */ /* --------------------------------------------------------- */ /* set space between titles and summary */ .summary{ margin-top:15px; color:#000000; /*box-shadow: inset 0 0 0 1px #00FFA6;*/ } .summary p{ font-size:13px; padding-top: 10px; } /* --------------------------------------------------------- */ /* FOOTER 4 COL */ /* --------------------------------------------------------- */ /*footer.divider{*/ /* clear:both;*/ /*}*/ /*footer{*/ /* padding-top: 30px;*/ /* padding-bottom: 30px;*/ /* color: #000;*/ /* background-color: #ff0000;*/ /*}*/ /*footer p:first-of-type {*/ /* color: #000;*/ /*}*/ /*footer p{*/ /* line-height:normal;*/ /* font-size: 12px;*/ /* line-height:1.4;*/ /* color:#757575;*/ /*text-transform:uppercase !important;*/ /*}*/ /*footer a {color:#757575 !important;}*/ /*footer a:hover {color:#000 !important;}*/ /*footer .container {*/ /* max-width: 1600px;*/ /*}*/ /*footer .container>.divider {*/ /* display: block;*/ /* border-top: 1px solid #e3e3e3;*/ /* padding-bottom: 22px;*/ /* box-sizing:border-box;*/ /*}*/ /*footer div.footer-cols{*/ /* width:90%;*/ /* padding-right:0;*/ /* display:none;*/ /*}*/ /*.footer-col1, .footer-col2, .footer-col3{*/ /* width: 16.7%;*/ /* margin-right: 3.9%;*/ /* border-top: 1px solid #e3e3e3;*/ /* padding-top:10px;*/ /*}*/ /*.footer-col4{*/ /* width:22.7%;*/ /* padding-right:0 !important;*/ /*}*/ /*footer div.footer-cols{*/ /* line-height: normal;*/ /*}*/ /*footer .footer-social {*/ /* padding-right: 0;*/ /* float: right !important;*/ /*}*/ /*footer .footer-social a {*/ /* width:15px !important;*/ /* height:15px !important;*/ /*}*/ /*@media all and (max-width:480px) {*/ /* .footer-col1, .footer-col2, .footer-col3{*/ /* padding-right:0;*/ /* }*/ /* .footer-col1, .footer-col2, .footer-col3{*/ /* margin-bottom:30px;*/ /* }*/ /*}*/ /* --------------------------------------------------------- */ /* FOOTER */ /* --------------------------------------------------------- */ footer{ padding-top: 0; padding-bottom: 30px; background-color:#ffffff; } footer .container>.divider{ display:block; margin-bottom:30px; border-top:1px solid #e3e3e3; /*border-color:transparent;*/ } footer div, footer p{ color:#757575; font-family: Arial, Helvetica, Sans-serif; font-size: 9px; letter-spacing: .2px; line-height:normal; } footer p{ display:inline-block; margin-right:10px; } footer div.container{ max-width:1600px; } footer div.container div{ box-sizing:border-box; } footer div { padding-right: 0; } footer div.footer-cols{ width:auto; line-height:normal; } footer .footer-social img { max-width: 15px; max-height: 15px; margin-top:-2px; } @media all and (max-width:480px) { footer div { display: inline-block; width:unset !important } } /* ------------------------------------------------------------------------- */ /* SLIDER ICON ST*/ /* ------------------------------------------------------------------------- */ /*remove text */ /*js (text)empty won't work w/ back button, use this CSS instead */ .slider-features a, .slideshow-headline a.cursor-pointer{ height: 13px; width: 19px; text-indent: 100%; white-space: nowrap; overflow: hidden; padding-right:0 !important; } .slider-features a, .slideshow-headline a.cursor-pointer{margin-right:15px;} .slider-features a:last-of-type, .slideshow-headline a.cursor-pointer:last-of-type{margin-right:0;} .slider-features a[href$="view=thumbnails"], .slider-features a[href$="view=thumbnails"]:before, .slider-features a[href$="view=thumbnails"]:after, .slider-features a[href$="view=slider"], .slideshow-headline a.slideshow-view, .slideshow-headline a.thumb-view, .slideshow-headline a.thumb-view:before, .slideshow-headline a.thumb-view:after{ display: inline-block; box-sizing:border-box; box-shadow: inset 0 0 0 1px #b4b4b4; } .slider-features a[href$="view=thumbnails"], .slideshow-headline a.thumb-view{ position: relative; height: 13px; width: 19px; padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:10px; } .slider-features a[href$="view=thumbnails"]:before, .slideshow-headline a.thumb-view:before{ content: ''; position: absolute; left: 0px; top: 4px; width: 19px; height: 5px; } .slider-features a[href$="view=thumbnails"]:after, .slideshow-headline a.thumb-view:after{ content: ''; position: absolute; left: 6px; top: 0px; width: 7px; height: 13px; } .slider-features a[href$="view=slider"], .slideshow-headline a.slideshow-view{ height: 13px; width: 19px; margin-bottom:10px; } .slider-features a[href$="view=thumbnails"]:hover, .slider-features a[href$="view=thumbnails"]:hover:before, .slider-features a[href$="view=thumbnails"]:hover:after, .slider-features a[href$="view=thumbnails"].active, .slider-features a[href$="view=thumbnails"].active:before, .slider-features a[href$="view=thumbnails"].active:after, .slider-features a[href$="view=slider"]:hover, .slider-features a[href$="view=slider"].active, .slideshow-headline a.slideshow-view:hover, .slideshow-headline a.slideshow-view.active, .slideshow-headline a.thumb-view:hover, .slideshow-headline a.thumb-view:hover:before, .slideshow-headline a.thumb-view:hover:after, .slideshow-headline a.thumb-view.active, .slideshow-headline a.thumb-view.active:before, .slideshow-headline a.thumb-view.active:after { box-shadow: inset 0 0 0 1px #000000; } /* --------------------------------------------------------- */ /* SLIDESHOW XL - SEE JS */ /* --------------------------------------------------------- */ /*Use :not to prevent other sliders from resizing*/ /*body:not(.s-homepage) .slider .bx-wrapper:first-of-type,*/ /*single images with no arrows uses ".FULL-SLIDER" only*/ body:not(.s-home) .full-slider .bx-wrapper:first-of-type, body:not(.s-home) .slider .bx-wrapper:first-of-type { width: 145vh; max-width: 100%!important; margin-left:auto; margin-right:auto; /*box-shadow: inset 0 0 0 1px #ff0000;*/ } body:not(.s-home) .full-slider .bx-wrapper:first-of-type .slide, body:not(.s-home) .slider .bx-wrapper:first-of-type .slide{ width:100% !important; /*box-shadow: inset 0 0 0 1px #ff0000;*/ } /* --------------------------------------------------------- */ /* Thumbnail 3-UP */ /* --------------------------------------------------------- */ .grid.fitted.thumbnails .entry{ width:31.44%; } .grid.fitted.thumbnails .entry:nth-child(4n+4){ padding-right:2.66% } .grid.fitted.thumbnails .entry:nth-child(3n+3){ padding-right:0!important; } @media all and (max-width:800px) { .grid.fitted.thumbnails .entry{ width:47.5%; padding-right:5%; } .grid.fitted.thumbnails .entry:nth-child(3n+3), .grid.fitted.thumbnails .entry:nth-child(4n+4){ padding-right:5%!important; } .grid.fitted.thumbnails .entry:nth-child(2n+2){ padding-right:0!important } } /* --------------------------------------------------------- */ /* SLIDESHOWS */ /* --------------------------------------------------------- */ /* Slideshow Thumbnail grid view background */ .fitted .placeholder{background:none !important;} /* Slideshow NAV thumbnail border color */ .bx-thumbs a.active, .bx-thumbs a.active:hover{border-color:transparent !important; box-shadow: inset 0 0 0 1px #000000;} /* Slideshow NAV thumbnail border color hover */ .bx-thumbs a:hover{border-color:transparent !important; box-shadow: inset 0 0 0 1px #bbbbbb;} /* Slideshow NAV thumbnail sizing */ .bx-wrapper:nth-child(2) .bx-thumbs a>img {max-width: 73%; max-height: 88%;} /*SLIDER BOTTOM SPACING - SLIDER OR BX-VIEWPORT*/ /*.slider {padding-bottom: 50px}*/ .slider .bx-viewport{margin-bottom:50px;} /* --------------------------------------------------------- */ /* TEXT-ONE-COLUMN-WITH-IMAGE*/ /* --------------------------------------------------------- */ /* adjust space between each row */ .text-one-column-with-image{padding-bottom:20px;} /* adjust space for last row */ .text-one-column-with-image:last-of-type{padding-bottom:100px;} /* adjust both .text and .image bottom optically equal */ .text-one-column-with-image .text{padding-bottom:20px;} .text-one-column-with-image .image{padding-bottom:40px;} /*adjust EITHER img OR p to both top align */ /*.text-one-column-with-image .image{margin-top:.3em;}*/ .text-one-column-with-image .text{margin-top:-.3em;} /* adjust no-image width */ .text-one-column-with-image.no-image .text{ width:100%; max-width:600px;} /* center no-image width */ .text-one-column-with-image.no-image .text{margin-left: 0; margin-right:auto;float:none;} /* --------------------------------------------------------- */ /* INQUIRE */ /* --------------------------------------------------------- */ /* inquire spacing */ a.inquire{font-size: 12px; padding-top:20px;padding-bottom:20px;display:block;} .inquireBox h1{font-size: 19px;text-transform:capitalize;padding-bottom:0;} .inquireBox .right {margin-top: -.5em;} .inquireBox .right input[type=submit]{font-size: 12px; text-transform:capitalize;} form.inquire label{font-size: 12px;text-transform:capitalize;line-height:2;} /* --------------------------------------------------------- */ /* DROP DOWN MENUS */ /* --------------------------------------------------------- */ /* fix 1px shift mis-alignment */ .dropdown > .divider{left: -1px;} /*border colors and top/bottom padding*/ .dropdown-root .divider{ border-color:#888888; padding: 3px 0;} /*new background image arrow*/ .dropdown:after { content: " "; position: absolute; height: 95%; width: 15px; top: 0; right: 10px; background: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/5e1f7ecca5aa2c6c639069eb/dropdown.png') center center no-repeat; background-size: contain; background-color: transparent !important; opacity:.6; } /*remove old arrow*/ .dropdown:before {content: none;} /*drop down items*/ .dropdown-root .divider a, .dropdown-root .divider a:last-of-type{ display: block; white-space: nowrap; /*padding: 4px 4px 4px 10px;*/ padding: 4px 30px 4px 10px; margin: 0; /*EDIT FONT STYLING*/ font-size: 15px !important; } /*view all link spacing styling*/ .filter-items .association-filter { margin-right: 20px; } .filter-items .association-filter .dropdown { width: 197px !important; } .filter-clear{ white-space: nowrap; /*EDIT FONT STYLING*/ font-size: 12px !important; } /* --------------------------------------------------------- */ /* CLOSE AND ZOOM */ /* --------------------------------------------------------- */ /* load new overlay graphic */ #overlay .close, #overlay .zoom-click, #zoomHeaderClose, .zoomFooterControl{ background-image: url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5e1f7ecca5aa2c6c639069eb/custom-xmagnify.png") !important; background-size: 140px 56px !important; } /* initial image size */ #overlay .slide img{max-width: 88%; max-height: 88%;} #pan img{max-width: 96%; max-height: 96%;} /* initial close and zoom buttom */ #overlay .close, #overlay .zoom-click, #zoomHeaderClose{ top:10px; right:15px; padding:0; overflow:hidden; width:28px; height:28px; text-indent: -9999px; } /* zoom button position */ #overlay .zoom-click{ right:48px; } /* background positions */ #overlay .close{background-position: 0px 0px;} #overlay .close:hover{background-position: 0px -28px;} #overlay .zoom-click{background-position: -28px 0px;} #overlay .zoom-click:hover{background-position: -28px -28px;} #zoomHeaderClose{background-position: -56px 0px;} #zoomHeaderClose:hover{background-position: -56px -28px;} /* zoom page */ div#zoomImage{ background-color: rgb(34, 34, 34) !important;} div#zoomImage #jQslider{ border-top: 1px solid #ffffff;top: 14px;} .ui-slider-handle{background-color: #ffffff;} #zoomFooterWrapper{ background: transparent; bottom:12px; height:28px; } #zoomFooter{ background: rgba(34, 34, 34, .1); padding-left:50px; padding-right:50px; width: 30% !important; } .zoomFooterControl{ height: 28px !important; width: 28px !important; display: inline; float: left; margin: 0 0 0 0 !important; text-align: center; position: absolute; } #zoomFooterZoomOut{margin-left: -38px !important;} #zoomFooterZoomIn{margin-left: 10px !important;} /* zoom control background positions */ #zoomFooterZoomOut{background-position: -84px 0px;} #zoomFooterZoomOut:hover{background-position: -84px -28px;} #zoomFooterZoomIn{background-position: -112px 0px;} #zoomFooterZoomIn:hover{background-position: -112px -28px;} /*mobile zoom view*/ #zoomWrap{ padding:0 !important; } #zoomWrap #pan img{ max-width: 100%; max-height: 100%; } /* --------------------------------------------------------- */ /* ARROWS */ /* --------------------------------------------------------- */ .bx-wrapper .bx-prev{ left: 0; } .bx-wrapper .bx-next{ right: 0; } @media all and (max-width:480px) { .bx-wrapper .bx-prev{ left: 10px; } .bx-wrapper .bx-next{ right: 10px; } } /* this copied from auto generated css and changed to 480px */ @media all and (max-width: 480px) { .bx-wrapper .bx-controls-direction .bx-next, .bx-wrapper .bx-controls-direction .bx-prev { width: 13px !important; height: 26px !important; margin-top: -13px !important; } .bx-wrapper .bx-controls-direction .bx-prev { background-position: 0 -64px !important; } .bx-wrapper .bx-controls-direction .bx-prev:hover { background-position: 0 -90px !important; } .bx-wrapper .bx-controls-direction .bx-next { background-position: -13px -64px !important; } .bx-wrapper .bx-controls-direction .bx-next:hover { background-position: -13px -90px !important; } } /* ------------------------------------------------------- */ /* PADDING FIX */ /* ------------------------------------------------------- */ .container, footer div.container{ padding: 0 35px; } @media all and (max-width:1880px) { .container, footer div.container{ padding: 0 35px; } } /* --------------------------------------------------------- */ /* MOBILE PADDING SPACING */ /* --------------------------------------------------------- */ /* keep padding*/ @media all and (max-width:1120px) { .container, footer div.container{padding: 0 20px;} } @media all and (max-width:1024px) { .container.outside {padding: 0 20px;} } /* supersize captions */ @media all and (max-width:320px){ #slidecaption {padding-left: 0px;} } /* keep 100% width */ @media all and (max-width:800px) { .container{max-width: 100%;} } /* --------------------------------------------------------- */ /*SECTIONS FADE IN ANIMATION*/ /* --------------------------------------------------------- */ section:first-of-type:not(.custom_page), /* 1st sections, custom has child sections*/ section:nth-of-type(2), /*2nd sections*/ .s-news.detail-page .news-details, /* has no sections*/ .sidebar-left /*has no sections*/ { animation-name: fadein; animation-duration: .8s; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* --------------------------------------------------------- */ /* PAGES STYLES BELOW */ /* --------------------------------------------------------- */ /* --------------------------------------------------------- */ /*NEWS STYLES*/ /* --------------------------------------------------------- */ /*.s-nl1 .item-header {*/ /* max-width: 550px;*/ /*}*/ /*.s-nl1 .links.in-text:last-of-type, .associations #nl1-list .links.in-text:last-of-type {*/ /* margin-bottom: 10px;*/ /*}*/ /*.associations .list-container .entry .thumbnail, .news-index .entry .thumbnail {*/ /* padding: 0;*/ /* display: none;*/ /*}*/ /*.s-nl1 .entry .links, .associations #nl1-list .entry .links {*/ /* margin-top: 11px;*/ /*}*/ /*.news-details.img .image {*/ /* width: 50%;*/ /* float: right;*/ /*}*/ /*.news-details.img .image img {*/ /* width:100%;*/ /*}*/ /*.s-nl1 #nl1-list,*/ /*.s-other-projects-1 #other-projects-1-list{*/ /* max-width: 1600px;*/ /* margin: auto;*/ /* padding: 0 35px;*/ /*}*/ /*.s-nl1 #nl1-list > .container:first-of-type,*/ /*.s-other-projects-1 #contentWrapper > .container,*/ /*.artists.home .screen-nav{*/ /* position:relative;*/ /* z-index:50;*/ /*}*/ /*.s-nl1 #nl1-list > .container:first-of-type,*/ /*.s-other-projects-1 #contentWrapper > .container{*/ /* width:100%;*/ /* max-width:218px;*/ /* box-sizing:border-box;*/ /* border-right: 1px solid #e3e3e3;*/ /* float:left;*/ /* padding:0!important;*/ /*}*/ /*.s-nl1 #nl1-list > .news.container, */ /*.s-other-projects-1 #other-projects-1-list > .news.container{*/ /* width:77%;*/ /* box-sizing:border-box;*/ /* float:right;*/ /* padding:0!important;*/ /*}*/ /*.s-nl1 #nl1-list > .news.container > .list,*/ /*.s-other-projects-1 #other-projects-1-list > .news.container > .list{*/ /* max-width:1080px;*/ /*}*/ /*.s-nl1 #nl1-list .switch,*/ /*.s-other-projects-1 #other-projects-1-list .switch{*/ /* display:flex;*/ /* flex-direction:column;*/ /*}*/ /*.s-nl1 #nl1-list .divider,*/ /*.s-other-projects-1 #other-projects-1-list .divider{*/ /* border:none;*/ /*}*/ /*.s-nl1 footer.divider, .s-other-projects-1 footer.divider{*/ /* clear:both;*/ /*}*/ /*.associations .list-container .entry .info, .news-index .entry .info {*/ /* max-width: 840px;*/ /* width: 70%;*/ /* padding-right: 2%;*/ /*}*/ /*#nl1-list .summary, #other-projects-1-list .summary {*/ /* width: 80%;*/ /*}*/ /*.associations .list-container .entry, .news-index .entry {*/ /* clear: both;*/ /* border-bottom: 1px solid #e3e3e3;*/ /* padding-bottom: 5px;*/ /* margin-bottom: 18px;*/ /*}*/ /*.associations div#other-projects-1-list.list-container .entry, */ /*.news-index div#other-projects-1-list .entry {*/ /* clear: both;*/ /* border-bottom: 1px solid #e3e3e3;*/ /* padding-bottom: 35px;*/ /* margin-bottom: 35px;*/ /*}*/ /*.associations .list-container .entry:last-of-type, .news-index .entry:last-of-type {*/ /* border:0;*/ /*}*/ /*.news h3, .associations .news h3 {*/ /* padding-top:0px !important;*/ /*}*/ /*.s-nl1 .associations .list-container .entry .thumbnail,.s-nl1 .news-index .entry .thumbnail {*/ /* float: right;*/ /* width: 100%;*/ /* max-width: 300px;*/ /* display: none;*/ /*}*/ /*.news h1, .news .list h1, */ /*.news .entry h2{*/ /* font-family: 'ITC Garamond W01 Light' !important;*/ /* font-size:14px !important;*/ /*}*/ /*.news .entry h2 {*/ /* padding-bottom:5px !important;*/ /*}*/ /* --------------------------------------------------------- */ /*Publications STYLES*/ /* --------------------------------------------------------- */ /*#p1-grid .titles {*/ /* float: right;*/ /* max-width: 543px;*/ /* width: 100%;*/ /* padding-left: 30px;*/ /*}*/ /*.s-p1 header.section-header.divider {*/ /* margin: 0;*/ /* padding-bottom: 5px;*/ /*}*/ /*.dropdown-root .divider {*/ /* border-color: #888888;*/ /* padding: 3px 0;*/ /* border: 1px solid #888;*/ /*}*/ /*#screen-description {*/ /* margin-top:40px;*/ /*}*/ /* --------------------------------------------------------- */ /*PUBLICATIONS STYLE*/ /* --------------------------------------------------------- */ /*.s-p1 .grid-left-categories .grid-container {*/ /* width: 74%;*/ /* float: right;*/ /*}*/ /*.grid-left-categories .categories-left {*/ /* width: 100%;*/ /* border-right: 1px solid #e3e3e3 !important;*/ /* max-width: 218px;*/ /*}*/ /*.s-p1 .screen-nav .switch a {*/ /* display: block;*/ /*}*/ /*.s-p1 .home .subtitle, .s-p1 .home .date {*/ /* padding-right:20px !important;*/ /*}*/ /*.s-p1 .artists.home .item-header {*/ /* margin-bottom: 10px;*/ /*}*/ /*.custom-grid-p1 .entry {*/ /* width: 100%;*/ /*}*/ /*.custom-grid-p1 .entry .placeholder {*/ /* float: left;*/ /* padding-top: 33% !important;*/ /* width: 100%;*/ /* max-width: 350px;*/ /*}*/ /*.s-p1.detail-page .item-header,*/ /*.s-p1.detail-page #screen-description{*/ /* padding-right: 15px;*/ /*}*/ /*form.filter-items {*/ /* margin-bottom: 16px;*/ /*}*/ /*.dropdown-root {*/ /* max-width: 69%;*/ /*}*/ /*.filter-items .association-filter {*/ /* margin-right: 13px;*/ /*}*/ /* --------------------------------------------------------- */ /*OTHER PROJECTS STYLES*/ /* --------------------------------------------------------- */ /*.s-other-projects-1 #contentWrapper > .container {*/ /* margin-left: 35px !important;*/ /* margin-top: 50px;*/ /* padding-bottom:0;*/ /* margin-bottom:0;*/ /*}*/ /*.s-other-projects-1 header.section-header.divider {*/ /* margin-bottom: 0;*/ /* padding-bottom: 0;*/ /*}*/ /*.associations .list-container .entry .thumbnail, .news-index .entry .thumbnail {*/ /* padding: 0;*/ /* display: block;*/ /*}*/ /*.associations .list-container .entry .thumbnail, .news-index .entry .thumbnail {*/ /* text-align: center;*/ /* width: 26%;*/ /* max-width: 300px;*/ /*}*/ /*.s-other-projects-1.detail-page section#associations .container {*/ /* padding-left: 0;*/ /*}*/ /*.s-other-projects-1.detail-page .item-header h1 + h3 {*/ /* padding-top: 15px !important;*/ /*}*/ /*.s-other-projects-1.detail-page #associations header.section-header.divider {*/ /* border: 0 ;*/ /* margin-bottom: 0 ;*/ /*}*/ /*.s-other-projects-1.detail-page .sidebar-right,*/ /*.s-other-projects-1.detail-page .sidebar-left {*/ /* margin-top: 50px;*/ /*}*/ /*.s-other-projects-1.detail-page .news-details.img .image {*/ /* width: 40%;*/ /* float: right;*/ /*}*/ /*.s-other-projects-1.detail-page .item-header h1 {*/ /* font-size: 22px;*/ /* text-transform:uppercase;*/ /*}*/ /*.s-other-projects-1.detail-page .item-header {*/ /* margin-bottom: 0;*/ /*}*/ /*.s-other-projects-1.detail-page header.section-header.divider.page-header {*/ /* margin-bottom: 0;*/ /* padding-bottom: 0;*/ /*}*/ /*.s-other-projects-1.detail-page .sidebar-left {*/ /* max-width: 253px;*/ /*}*/ /*.s-other-projects-1.detail-page .container.page-header-container {*/ /* padding-right: 10px;*/ /*}*/ /*.s-other-projects-1.detail-page .news-details.img .container {*/ /* padding-left: 0;*/ /*}*/ /*.s-other-projects-1.detail-page .news-details .details {*/ /* width: 58%;*/ /*}*/ /*.s-other-projects-1.detail-page .news.container {*/ /* max-width: 1080px;*/ /*}*/ /*.s-other-projects-1 #contentWrapper > div.container header.section-header .links a {*/ /* display: inline-block;*/ /* width: 100%;*/ /*}*/ /* --------------------------------------------------------- */ /*EXHIBITION/OTHER PROJECTS STYLES*/ /* --------------------------------------------------------- */ /*.s-other-projects .sidebar-left,*/ /*.s-e1 .sidebar-left{*/ /* max-width: 218px;*/ /* border-right: 1px solid #e3e3e3;*/ /* float: left;*/ /* width: 100%;*/ /* z-index: 10;*/ /*}*/ /*.s-e1 div#screen-information header {*/ /* display: none;*/ /*}*/ /*.s-e1 div#screen-information {*/ /* text-align: left;*/ /* padding-right: 20px;*/ /*}*/ /*.s-other-projects .section-header a {*/ /* font-size:22px;*/ /*}*/ /*.custom-grid-e1 .entry .placeholder,*/ /*.custom-grid-other-projects .entry .placeholder{*/ /* float: left;*/ /* max-width: 40%;*/ /*}*/ /*.s-e1 .title,*/ /*.s-other-projects .title, */ /*.associations #e1-grid .title,.s-other-projects-1 .news h1{*/ /* font-size: 22px !important;*/ /* padding-bottom: 5px !important;*/ /* color: #000;*/ /* padding-right:20px;*/ /* text-transform:uppercase;*/ /*}*/ /*.s-e1 span.subtitle,*/ /*.s-other-projects span.subtitle, */ /*.associations #e1-grid span.subtitle,.s-other-projects-1 .news h2{*/ /* padding-bottom: 10px !important;*/ /* font-size: 16px !Important;*/ /* color: #000 !Important;*/ /* font-family: 'ITC Garamond W01 Light Italic' !Important;*/ /* padding-top: 0;*/ /* padding-right:20px;*/ /*}*/ /*.item-header h2 {*/ /* font-size: 16px;*/ /* color: #000;*/ /* font-family: 'ITC Garamond W01 Light Italic';*/ /*}*/ /*.detail-page .item-header h2.subtitle2 {*/ /* font-family: 'ITC Garamond W01 Light';*/ /*}*/ /*.s-e1 span.subtitle.subtitle2,*/ /*.s-other-projects-1 .news .subtitle2,*/ /*.associations #e1-grid span.subtitle.subtitle2{*/ /* font-size: 14px;*/ /* padding-right:20px;*/ /* padding-top: 5px;*/ /* font-family: 'ITC Garamond W01 Light' !important;*/ /* text-transform: uppercase;*/ /*color: #757575;*/ /*}*/ /*.s-e1 span.date,*/ /*.s-other-projects-1 .news h3,*/ /*.associations #e1-grid span.date{*/ /* padding-top: 10px !important;*/ /* color: #000;*/ /* padding-right:20px;*/ /*}*/ /*.s-e1 .exhibitions .additional-text {*/ /* margin-top: 30px;*/ /* line-height: 1.4;*/ /* color:#000;*/ /* text-align: left;*/ /*}*/ /*.custom-grid-e1 .entry .placeholder .image img,*/ /*.custom-grid-other-projects .entry .placeholder .image img{*/ /* max-height: 100%;*/ /* max-width: 100%;*/ /* padding: 0;*/ /* position: absolute;*/ /* top: 0;*/ /* right: 0;*/ /* bottom: auto;*/ /* left: 0;*/ /*}*/ /*.s-e1 .home .titles,*/ /*.s-other-projects .home .titles,*/ /*.custom-grid-e1 .entry .titles{*/ /* float: right;*/ /* max-width: 543px;*/ /* width: 100%;*/ /* padding-left: 40px;*/ /*}*/ /*.s-other-projects header.section-header.divider.with-links {*/ /* display: none !important;*/ /*}*/ /*.s-other-projects a.custom.other-pojects-link {*/ /* display: block;*/ /* margin-bottom: 20px;*/ /*}*/ /*.s-other-projects a.custom.other-pojects-link:hover {*/ /* color:#000 !important;*/ /*}*/ /*.s-e1 .period-past-exhibitions .other-pojects-link {*/ /* display: none;*/ /*}*/ /*.s-e1 span.links.switch:nth-of-type(2) {*/ /* margin-top: 30px;*/ /*}*/ /*.s-e1 header.section-header.divider.with-links.first-row {*/ /* display: none;*/ /*}*/ /*.s-e1 nav.switch.divider.screen-nav.sub-links .container:nth-of-type(1) {*/ /* display: none;*/ /*}*/ /*.s-e1 nav.switch.divider.screen-nav.sub-links .container:nth-of-type(2) {*/ /* width:100%;*/ /*}*/ /*.s-e1 nav.switch.divider.screen-nav.sub-links {*/ /* margin-bottom: 0;*/ /*}*/ /*.s-e1 .other-years {*/ /* padding-left: 5px;*/ /* color: #000;*/ /* text-transform: capitalize;*/ /*}*/ /*.s-e1 a.view-all.other-years {*/ /* margin-top: 20px;*/ /* display: block;*/ /*}*/ /*.s-e1 a.view-all {*/ /* padding: 10px 0 !important;*/ /*}*/ /*.s-e1 header.section-header.divider.second-row a:last-of-type {*/ /* display: none;*/ /*}*/ /* --------------------------------------------------------- */ /*GALLERY STYLES*/ /* --------------------------------------------------------- */ .s-cp1 #screen-locations .text-one-column-with-image .image { float: left; vertical-align: top; width: 45%; } .s-cp1 .sidebar-left .item-header { display: none; } .s-cp1 #screen-locations .text-one-column-with-image .text { float: left; padding-bottom: 50px; width: 50%; padding-top: 4px; } div#screen-gallery-image .item-header h2 { font-size: 16px; color: #000; font-family: 'ITC Garamond W01 Light'; } .s-cp1 p.custom-header-paragraph { margin-bottom: 1em !important; font-size: 22px !important; color: #000000; line-height: 1.1; } .s-cp1 div#screen-locations { margin-top: -3px; } .s-cp1 div#screen-biography .text, div#screen-notifications .content{ text-align: left; } #screen-notifications .text-one-column .content { width: 100%; max-width: 580px; } .s-cp1 #screen-biography .text-one-column-with-image:first-of-type .image { padding-top: 53px; padding-bottom: 40px; } .s-cp1 .text-one-column-with-image.large-image .text, .s-cp1 .text-one-column-with-image.banner-image .text{ display: none; } @media all and (max-width: 768px) { .s-cp1 .text-one-column-with-image .image { margin-bottom: 40px; text-align:left !important; float:none; } .s-cp1 #screen-locations .text-one-column-with-image .image { margin-bottom: 20px; } .s-cp1 #screen-locations .text-one-column-with-image { padding-bottom: 40px; } .s-cp1 .text-one-column-with-image .text { float:none; } } @media all and (max-width: 768px) { .s-cp1 .text-one-column-with-image .caption, .s-cp1 .text-one-column-with-image .text { max-width:600px; } } /* --------------------------------------------------------- */ /*LOCATIONS STYLES*/ /* --------------------------------------------------------- */ #location-info p.custom-header-paragraph { font-size: 16px !important; text-transform: uppercase; margin-bottom: 15px !important; color: #000; font-family: 'ITC Garamond W01 Light'; } #location-info p:first-of-type { margin-bottom: 0 !important; } .s-locations #gallery-image .text-one-column-with-image:last-of-type { padding-bottom: 0; } #location-info .text-one-column-with-image .image { width: 45%; } #location-info .text-one-column-with-image .text { padding-top: 4px; width: 49%; } .s-locations #gallery-image header.section-header.divider { display: none; } #location-info header.section-header.divider { display: none; } .s-locations .sidebar-left .item-header{ display:none; } @media all and (max-width: 768px) { .s-locations .text-one-column-with-image .image { margin-bottom: 30px; text-align:left !important; float:none; } .s-locations .text-one-column-with-image .text { float:none; } } @media all and (max-width: 768px) { .s-locations .text-one-column-with-image .caption, .s-locations .text-one-column-with-image .text { max-width:600px; } } /* --------------------------------------------------------- */ /* NEWS LIST - NEW */ /* --------------------------------------------------------- */ #nl1-list .thumbnail{display:none;} #nl1-list .info{ width: 100%; padding-right:0; } #nl1-list .entry{ border-bottom: 1px solid #e3e3e3; padding-bottom: 0; margin-bottom: 25px; } #nl1-list .entry:last-of-type{ border-bottom: none; } #nl1-list h1, #nl1-list h2{ font-family: 'ITC Garamond W01 Light' !important; font-size:14px !important; } #nl1-list h2 { padding-bottom:5px !important; } #nl1-list h3{ padding-top:0 !important } @media all and (max-width: 768px) { .s-nl1 .text-one-column-with-image .image { margin-bottom: 40px; text-align:left !important; float:none; } .s-nl1 .text-one-column-with-image .text { float:none; } } @media all and (max-width: 768px) { .s-nl1 .text-one-column-with-image .caption, .s-nl1 .text-one-column-with-image .text { max-width:600px; } } /* --------------------------------------------------------- */ /* VIDEOS LIST - NEW */ /* --------------------------------------------------------- */ #videos-list .thumbnail{display:none;} #videos-list .info{ width: 100%; padding-right:0; } #videos-list .entry{ border-bottom: 1px solid #e3e3e3; padding-bottom: 0; margin-bottom: 25px; } #videos-list .entry:last-of-type{ border-bottom: none; } #videos-list h1, #videos-list h2{ font-family: 'ITC Garamond W01 Light' !important; font-size:14px !important; } #videos-list h2 { padding-bottom:5px !important; } #videos-list h3{ padding-top:0 !important } @media all and (max-width: 768px) { .s-videos .text-one-column-with-image .image { margin-bottom: 40px; text-align:left !important; float:none; } .s-videos .text-one-column-with-image .text { float:none; } } @media all and (max-width: 768px) { .s-videos .text-one-column-with-image .caption, .s-videos .text-one-column-with-image .text { max-width:600px; } } /* --------------------------------------------------------- */ /* PUBLICATIONS - NEW */ /* --------------------------------------------------------- */ #p1-grid .entry{ width:100%; margin-right:0; } #p1-grid .entry .placeholder{ float: left; padding-top: 33% !important; width: 30%; box-sizing:border-box; } #p1-grid .entry .placeholder img{ bottom:auto; top:4px; } #p1-grid .entry .titles{ float: right; width: 70%; /*max-width:550px;*/ max-width:600px; /*padding-left: 20px;*/ padding-left: 5%; box-sizing:border-box; } @media all and (max-width:768px) { #p1-grid .entry .placeholder{ width:100%; float:none; } #p1-grid .entry .titles{ float: none; width: 100%; max-width:100%; padding-left: 0; } #p1-grid .entry{margin-bottom:80px;} #p1-grid .entry .placeholder{padding-top:0!important;} #p1-grid .entry .placeholder .image, #p1-grid .entry .placeholder .image img{ position:relative; } #p1-grid .entry .placeholder .image img{ max-height:480px; max-width:480px; } } @media all and (max-width:520px) { #p1-grid .entry .placeholder .image img{ max-height:90vw; max-width:100%; } } /*detail page*/ .s-p1 .home .sidebar-left a.view-all{ padding-left: 0; padding-top: 10px; } .s-p1 #screen-description header{ display:none; } .s-p1 #screen-description .content{ padding-bottom:0; } .s-p1 #screen-images .item-header{ display:none; } .s-p1 .dropdown-root .divider a{ white-space:break-spaces; } .s-p1 .years-filter > div{ z-index:1; } @media all and (max-width:600px) { .s-p1 .years-filter{ display:none; } } /* --------------------------------------------------------- */ /*ARTIST STYLES*/ /* --------------------------------------------------------- */ .artists.home .rollover .list { width: 16%; float: left; margin-right: 6%; } .artists.home .list.entries:nth-of-type(1) { border-right: 1px solid #e3e3e3; } .artists.home .category header.section-header.divider { display: inline-block; width:22%; } .rollover .list, .rollover .image { padding-bottom: 0; } .rollover .image { max-width: 550px; width: 56%; float: right; } .item-header { margin-bottom:20px; } #screen-biography .text-one-column .content { width: 100%; max-width: 600px; } #screen-biography .links.in-text { display: block; text-align: left; margin-top: 0px; } #screen-biography .links.in-text.additional-files { margin-top: 6px; } .links.in-text:last-of-type { margin-bottom: 20px; } #a1-grid .placeholder-copy { display: none; } .rollover .list .entry { padding-right: 20px; box-sizing:border-box; } @media all and (max-width:1024px) { .artists.home .rollover .list { width: 44%; margin-right: 6%; box-sizing:border-box; } .artists.home .category header.section-header.divider { width:50%; } .rollover .image{ display:none; } } /* --------------------------------------------------------- */ /* EXHIBITIONS - NEW */ /* --------------------------------------------------------- */ #e1-grid .entry .placeholder{ width:40%; float:left; box-sizing:border-box; } #e1-grid .entry .placeholder img{ bottom:auto; top:4px; } #e1-grid .entry .titles{ float: right; width: 60%; /*max-width:550px;*/ max-width:600px; /*padding-left: 20px;*/ padding-left: 5%; box-sizing:border-box; } @media all and (max-width:768px) { #e1-grid .entry .placeholder{ width:100%; float:none; } #e1-grid .entry .titles{ float: none; width: 100%; max-width:100%; padding-left: 0; } #e1-grid .entry{margin-bottom:80px;} #e1-grid .entry .placeholder{padding-top:0;} #e1-grid .entry .placeholder .image, #e1-grid .entry .placeholder .image img{ position:relative; } #e1-grid .entry .placeholder .image img{ max-height:480px; max-width:480px; } } @media all and (max-width:520px) { #e1-grid .entry .placeholder .image img{ max-height:90vw; max-width:100%; } } #e1-grid .title{ font-size: 22px !important; padding-bottom: 5px !important; color: #000; } #e1-grid span.subtitle{ padding-bottom: 10px !important; font-size: 16px !Important; color: #000 !Important; font-family: 'ITC Garamond W01 Light Italic' !Important; padding-top: 0; } #e1-grid span.subtitle.subtitle2{ font-size: 14px; padding-top: 5px; font-family: 'ITC Garamond W01 Light' !important; color: #757575; } #e1-grid span.date{ padding-top: 10px !important; color: #000; } #e1-grid .additional-text { margin-top: 30px; line-height: 1.4; color:#000; text-align: left; } .s-e1.detail-page .item-header h1, #e1-grid .title{ text-transform:uppercase; } /*exhibitions home fix*/ #large img, #medium img{ width:100%; } /*exhibition index page categories*/ .s-e1 .period-past-exhibitions .other-pojects-link { display: none; } .s-e1 span.links.switch:nth-of-type(2) { margin-top: 30px; } .s-e1 header.section-header.divider.with-links.first-row { display: none; } .s-e1 nav.switch.divider.screen-nav.sub-links .container:nth-of-type(1) { display: none; } .s-e1 nav.switch.divider.screen-nav.sub-links .container:nth-of-type(2) { width:100%; } .s-e1 nav.switch.divider.screen-nav.sub-links { margin-bottom: 0; } .s-e1 .other-years { padding-left: 5px; color: #000; text-transform: capitalize; margin-bottom:40px; } .s-e1 a.view-all.other-years { margin-top: 20px; display: block; } .s-e1 a.view-all { padding: 10px 0 !important; } .s-e1 header.section-header.divider.second-row a:last-of-type { display: none; } /*exhibition detail page*/ .s-e1 div#screen-information header { display: none; } @media all and (max-width: 1023px) { #e1-grid .entry .placeholder img{ right:auto; } } @media all and (max-width: 768px) { .s-e1 .text-one-column-with-image .image { margin-bottom: 40px; text-align:left !important; float:none; } } /* --------------------------------------------------------- */ /* OTHER PROJECTS - NEW */ /* --------------------------------------------------------- */ .s-other-projects-1.detail-page .item-header h1, #other-projects-1-list h1{ text-transform:uppercase; } .s-other-projects-1 section#associations div[id^='related']{ padding-bottom:80px; } @media all and (max-width: 768px) { .s-other-projects-1 .text-one-column-with-image .image { margin-bottom: 40px; text-align:left !important; float:none; } .s-other-projects-1 .text-one-column-with-image .text { float:none; } } @media all and (max-width: 768px) { .s-other-projects-1 .text-one-column-with-image .caption, .s-other-projects-1 .text-one-column-with-image .text { max-width:600px; } } @media all and (max-width:767px) { #other-projects-1-list .thumbnail, #other-projects-1-list .info{ width:100%; float:none; padding-right:0; } #other-projects-1-list .info{ padding-top:10px; } } /* --------------------------------------------------------- */ /*ADDITIONAL TEXT STYLES*/ /* --------------------------------------------------------- */ /*.additional-text {*/ /* padding-right: 20px;*/ /*}*/ /* --------------------------------------------------------- */ /* SIDEBAR - NEW */ /* --------------------------------------------------------- */ .grid-left-categories .categories-left.sidebar-left, .sidebar-left { max-width: 218px; width:calc(26% - 20px); box-sizing:border-box; float: left; border-right: 1px solid #e3e3e3; padding-right:20px; position:fixed; } .grid-left-categories .grid-container.sidebar-right, .sidebar-right{ width: 74%; box-sizing:border-box; } @media all and (max-width:1023px) { .grid-left-categories .categories-left.sidebar-left, .sidebar-left { max-width: 100%; width:100%; float: none; border-right: none; position:relative; } .grid-left-categories .grid-container.sidebar-right, .sidebar-right{ max-width: 100%; width: 100%; float: none; box-sizing:border-box; } } /*.sidebar-left,*/ /*.sidebar-right{*/ /* box-shadow: inset 0 0 0 1px rgba(255,0,0,1) !important;*/ /*}*/ /* --------------------------------------------------------- */ /*GRID LEFT CATEGORIES*/ /* --------------------------------------------------------- */ @media all and (max-width:1600px) { .grid-left-categories, .categories-left, .grid-left-categories .categories-left{ box-sizing:border-box; } } /* --------------------------------------------------------- */ /* SLIDE FEATURES */ /* --------------------------------------------------------- */ span.links.slider-features { display: block; text-align: right; width: 100%; } /* --------------------------------------------------------- */ /* SECTION HEADER DIVIDER */ /* --------------------------------------------------------- */ section header, .divider { border-color: #b4b4b4; border: 0; } /* --------------------------------------------------------- */ /* SLIDE IMG */ /* --------------------------------------------------------- */ .slide figure img { max-height: 100%; max-width: 75%; } @media all and (max-width:1023px) { .slide figure img { max-width: 100%; } } /* --------------------------------------------------------- */ /* DETAIL PAGES */ /* --------------------------------------------------------- */ .detail-page .sidebar-right figure img { width: 100%; } .detail-page .item-header h2 { margin-bottom: 10px; } .detail-page .item-header h3, .detail-page .item-header h2.subtitle2{ color:#000; } .detail-page .item-header h2.subtitle2 { margin-bottom:20px; } /*.s-e1.detail-page .sidebar-left .section-header .item-header {*/ /* width: 92%;*/ /*}*/ .detail-page .item-header h2.subtitle2 { font-family: 'ITC Garamond W01 Light'; } .s-nl1 .sidebar-left .section-header .links { width: 100%; } /* --------------------------------------------------------- */ /*HOMEPAGE STYLES*/ /* --------------------------------------------------------- */ .custom-grid-pr1 .entry .placeholder { float: right; max-width: 60%; } .s-pr1 a#backToTop { display: none !important; } .custom-grid-pr1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; /*top: auto;*/ top: 0; right: 0; bottom: 0; left: 0; } .s-pr1 .summary { margin-top: 55px; font-size: 13px; } a#skipToContent { display: none; } #pr1-grid .entry:not(:first-child) { display:none; } .custom-grid-pr1 .entry .placeholder { padding-top: 47%; } .custom-grid-pr1 .entry { margin-bottom: 0; } #pr1-grid .entry .links { margin-top: 20px; display: none; } .s-pr1 .press .title { font-size: 48px; font-family: 'ITC Garamond W01 Light' !important; letter-spacing: 1px; text-transform: initial; margin-bottom: 5px; } .s-pr1 .press .date { margin-bottom: 59px; font-size: 16px !important; display: inline-block; padding-bottom: 8px !important; border-bottom: 1px solid #000; } .s-pr1 span.links.switch { margin-top: -28px; width: 39%; } .s-pr1 .press .subtitle { font-size: 16px; margin-top: 8px; font-family: 'ITC Garamond W01 Light'; } .s-pr1 .titles { position: relative; width: 500px; padding-top: 11%; bottom: 0; } .s-pr1 span.links.switch a { /*border-bottom: 1px solid #000;*/ display: inline-block; margin-right: 20px; padding-right: 0; padding-bottom: 5px; color:#757575 !Important; } .s-pr1 span.links.switch a.active { border-bottom: 1px solid #000 !important; display: inline-block; margin-right: 20px; padding-right: 0; padding-bottom: 5px; color:#000 !important; } .s-pr1 .filter-items { display: none; } /* --------------------------------------------------------- */ /* HOMEPAGE MOBILE RESPONSIVE - NEW */ /* --------------------------------------------------------- */ .s-pr1 .titles { width: 40%; max-width:500px; } @media all and (max-width:1023px) { .s-pr1 .custom-grid-pr1 .entry .placeholder { float: none; max-width: 100%; padding-top:460px; } .s-pr1 .titles { width: 100%; max-width:500px; padding-top:0; } .s-pr1 span.links.switch { margin-top: 40px; } .s-pr1 span.links.switch { width: 100%; } .s-pr1 .custom-grid-pr1 .entry .placeholder .image img{ right:auto; } .s-pr1 .press .date{ margin-bottom:30px; } } @media all and (max-width:660px) { .s-pr1 .custom-grid-pr1 .entry .placeholder { padding-top:70vw; } .s-pr1 .press .title { font-size: 38px; } } /* --------------------------------------------------------- */ /* BACK TO TOP */ /* --------------------------------------------------------- */ #backToTop{ display: none; background: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/5e1f7ecca5aa2c6c639069eb/next.png') no-repeat center right; background-size: 30px 13px; padding: 30px!important; /*display: inline-block;*/ font-size: 0; z-index: 9999 !important; line-height: 0!important; right:35px; } @media all and (max-width:1120px) { #backToTop{ right:20px; } } #backToTop.locked { bottom:90px } /* --------------------------------------------------------- */ /*SUBSCRIPTION FORM*/ /* --------------------------------------------------------- */ .s-cp1 label { display: block; margin-bottom: 9px; font-size: 15px; } /*.s-cp1 input,*/ /*.s-cp1 form input[type="email"]{*/ /* max-width: 240px !important;*/ /* width: 100% !important;*/ /* height: 32px !important;*/ /*padding: 5px;*/ /* margin-bottom: 20px;*/ /*}*/ /*.s-cp1 input#fieldName {*/ /* height: 25px !important;*/ /* max-width: 235px !important;*/ /*}*/ .s-cp1 #screen-subscribe button { padding: 10px 16px; border: 1px solid #ccc; background-color: rgb(239, 239, 239); } .s-cp1 #screen-subscribe form input, .s-cp1 #screen-subscribe form input[type="email"]{ display: block; border: 1px solid #ccc; font-size: 14px; padding: 10px; height: 35px; background: #fff; margin-bottom: 20px; width: 100%; max-width: 350px; box-sizing: border-box; } /* --------------------------------------------------------- */ /*SITE INDEX STYLES*/ /* --------------------------------------------------------- */ a.footer-siteindex { /*display:none;*/ } .col-custom { /* text-transform: initial; */ color: #757575; font-family: Arial, Helvetica, Sans-serif; font-size: 9px; letter-spacing: .2px; padding-right: 0; margin-right: 11px; margin-top: 7px; line-height: normal; text-align: right; width: auto; float: left; } .col-custom span{ font-size: 9px; margin-left:10px; line-height:normal; } .col-custom span:first-of-type{ margin-left:0; } a.footer-siteindex { margin-right: 10px; } footer .credit { font-size: 9px; line-height:normal; margin-top: 0px; padding-right:0; width:auto !important; display:inline-block !important; } .custom-site-index-container{ max-width:785px; } .custom-dropdown .switch { display: none; position: absolute; width: 195px; top: 100%; left: -1px; /*max-height: 200px;*/ max-height: 182px; overflow: scroll; border-color: #888888; border: 1px solid #888; background: #fff; z-index:1; } .custom-dropdown.expanded .switch { display: block; } .custom-dropdown .switch a { width: calc(100% - 14px); padding: 8px 4px 8px 10px; margin: 0; } .years-filter .dropdown { border-color: #888888; border: 1px solid #888; } .custom-dropdown .current { width: calc(100% - 14px); padding: 8px 4px 8px 10px; margin: 0; position: absolute; left: 0; top: 0; } .years-filter .view-all { width: calc(100% - 14px); padding: 5px; margin: 0; } /* --------------------------------------------------------- */ /* COOKIES */ /* --------------------------------------------------------- */ #cookies-popup { position: fixed; left: 0px; bottom: 0px; border-top: 1px solid rgb(221, 221, 221); width: 100%; text-align: center; padding: 40px 0px; background-color: rgb(238, 238, 238); color:black; font-size: 14px; /*z-index: 10;*/ z-index: 99; } #cookies-popup a.cookies-privacy { color: rgb(0, 51, 255); text-decoration: underline; } #cookies-popup a.btn-aceptar { color: rgb(255, 255, 255); text-decoration: none; padding: 5px 10px; /*margin-left: 30px;*/ border-radius: 5px; background-color: rgb(51, 51, 51); font-size: 12px; } #cookies-popup .left{ padding:0 35px; } #cookies-popup .left p{ display:inline; margin-right:20px; } #cookies-popup .left p:last-of-type{ margin-right:0; } @media all and (max-width:620px) { #cookies-popup .left p{ display:block; margin-right:0; margin-bottom:20px; } #cookies-popup .left p:last-of-type{ margin-bottom:0; } } /* -------------------------------------------------------------------------- */ /* SWIPER SLIDESHOW - REMOVE PADDING IF THERE ARE NO ARROW BUTTONS */ @media all and (max-width:768px) { #stacked-video .position-guard-container .swiper-container.slideshow .slide-content-container { padding-top: 56%; } .position-guard-container .swiper-container.slideshow .slide-content-container { padding-top: 73%; } .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; } .s-video .position-guard-container .swiper-container.slideshow .slide-content-container { padding-top: 43vh; } } @media all and (max-width:600px) { .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; } } @media all and (max-width:480px) { .s-video .position-guard-container .swiper-container.slideshow .slide-content-container { padding-top: 55%; } } /* --------------------------------------------------------- */ /*TEST*/ /* --------------------------------------------------------- */ /** {box-shadow: inset 0 0 0 1px rgba(255,0,0,1) !important;}*/ /*img {outline-color:#ff0000 !important; outline-width:1px !important; outline-style:solid !important; outline-offset:-1px !important;}*/ .bx-wrapper .bx-controls-direction .bx-next, .bx-wrapper .bx-controls-direction .bx-prev { background: url('https\3A \2F \2F s3\2E amazonaws\2E com\2F files\2E collageplatform\2E com\2E prod\2F application\2F 5e1f7ecca5aa2c6c639069eb\2F 2ff91e94f397405ace6733ad2f9bd0a4\2E png') no-repeat; background-size: 32px 116px; width: 16px; height: 32px; margin-top: -16px; } .bx-wrapper .bx-controls-direction .bx-prev { background-position: 0 0; } .bx-wrapper .bx-controls-direction .bx-prev:hover { background-position: 0 -32px; } .bx-wrapper .bx-controls-direction .bx-next { background-position: -16px 0; } .bx-wrapper .bx-controls-direction .bx-next:hover { background-position: -16px -32px; } @media all and (max-width: 320px) { .bx-wrapper .bx-controls-direction .bx-next, .bx-wrapper .bx-controls-direction .bx-prev { width: 13px; height: 26px; margin-top: -13px; } .bx-wrapper .bx-controls-direction .bx-prev { background-position: 0 -64px; } .bx-wrapper .bx-controls-direction .bx-prev:hover { background-position: 0 -90px; } .bx-wrapper .bx-controls-direction .bx-next { background-position: -13px -64px; } .bx-wrapper .bx-controls-direction .bx-next:hover { background-position: -13px -90px; } } *:focus:not(.focus-visible) { outline: none; } *:focus { outline: 2px #A5C7FE solid; outline-offset: 1px; } .entry > a { display: inline-block; } .entry.small > a, .entry.medium > a, .entry.large > a, .grid.thumbnails > .entry > a, .grid.entries > .entry > a, .large-images > .entry > a, .entry.full > a { display: block; } div[class^='custom-grid'] > .entry > a, div[class*=' custom-grid'] > .entry > a, .grid-container > .grid > .entry > a, .list.text-only .entry > a { display: block; } .list.text-only .date { float: left; } .news .entry > .thumbnail > .image > a { display: inline-block; } #skipToContent { position: absolute; top: -1000px; left: -1000px; height: 1px; width: 1px; text-align: left; overflow: hidden; text-decoration: underline; } a#skipToContent:active, a#skipToContent:focus, a#skipToContent:hover { left: 0; top: 0; width: auto; height: auto; overflow: visible; } footer div > a.footer-siteindex, footer span > a.footer-siteindex{ white-space: nowrap; overflow: hidden; } #contentWrapper:focus { outline: transparent !important; } #contentWrapper #eccomerceCheckout .widget ul { display: block; margin-top: 5px; } #contentWrapper #eccomerceCheckout input.error { margin-bottom: 0; } label.required:after { content: '*'; margin-left: 2px; } .slideshow-container .swiper-slide { -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); } .slider-nav-next, .slider-nav-prev, .swiper-vow .slider-nav-next, .swiper-vow .slider-nav-prev, .swiper-vow .slider-nested-nav-prev, .swiper-vow .slider-nested-nav-next { background: url('https\3A \2F \2F s3\2E amazonaws\2E com\2F files\2E collageplatform\2E com\2E prod\2F application\2F 5e1f7ecca5aa2c6c639069eb\2F 2ff91e94f397405ace6733ad2f9bd0a4\2E png') no-repeat; background-size: 32px 116px; width: 16px; height: 32px; margin-top: -16px; position: absolute; top: 50%; border: none; transform: none; } .slider-nav-prev, .swiper-vow .slider-nav-prev, .swiper-vow .slider-nested-nav-prev { background-position: 0 0; left: 0; } .slider-nav-prev:hover, .swiper-vow .slider-nav-prev:hover, .swiper-vow .slider-nested-nav-prev:hover { background: url('https\3A \2F \2F s3\2E amazonaws\2E com\2F files\2E collageplatform\2E com\2E prod\2F application\2F 5e1f7ecca5aa2c6c639069eb\2F 2ff91e94f397405ace6733ad2f9bd0a4\2E png') no-repeat; background-size: 32px 116px; background-position: 0 -32px; border: 0; } .slider-nav-next, .swiper-vow .slider-nav-next, .swiper-vow .slider-nested-nav-next { background-position: -16px 0; right: 0; } .slider-nav-next:hover, .swiper-vow .slider-nav-next:hover, .swiper-vow .slider-nested-nav-next:hover { background: url('https\3A \2F \2F s3\2E amazonaws\2E com\2F files\2E collageplatform\2E com\2E prod\2F application\2F 5e1f7ecca5aa2c6c639069eb\2F 2ff91e94f397405ace6733ad2f9bd0a4\2E png') no-repeat; background-size: 32px 116px; background-position: -16px -32px; border: 0; } @media all and (max-width: 320px) { .slider-nav-next, .slider-nav-prev, .swiper-vow .slider-nav-next, .swiper-vow .slider-nav-prev, .swiper-vow .slider-nested-nav-prev, .swiper-vow .slider-nested-nav-next { width: 13px; height: 26px; margin-top: -13px; } .slider-nav-prev, .swiper-vow .slider-nav-prev, .swiper-vow .slider-nested-nav-prev { background-position: 0 -64px; } .slider-nav-prev:hover, .swiper-vow .slider-nav-prev:hover, .swiper-vow .slider-nested-nav-prev:hover { background-position: 0 -90px; } .slider-nav-next, .swiper-vow .slider-nav-next, .swiper-vow .slider-nested-nav-next { background-position: -13px -64px; } .slider-nav-next:hover, .swiper-vow .slider-nav-next:hover, .swiper-vow .slider-nested-nav-next:hover { background-position: -13px -90px; } }