.container { max-width: 1600px; } .custom-grid .entry { width: 23.8125%; margin-right: 1.5833333333333%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 74.803149606299%; background: inherit; } .custom-grid .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-e1 .entry { width: 23.8125%; margin-right: 1.5833333333333%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-e1 .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-e1 .entry .placeholder { padding-top: 74.803149606299%; background: inherit; } .custom-grid-e1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .detail-page .custom-grid-e1 .entry { width: 32.25%; margin-right: 1.625%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-e1 .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-e1 .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-e1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-nl1 .entry { width: 32.25%; margin-right: 1.625%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-nl1 .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-nl1 .entry .placeholder { padding-top: 75%; background: inherit; } .custom-grid-nl1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .detail-page .custom-grid-public-programs .entry { width: 32.25%; margin-right: 1.625%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-public-programs .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-public-programs .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-public-programs .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .detail-page .custom-grid-events .entry { width: 32.25%; margin-right: 1.625%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-events .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-events .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-events .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-education-programs .entry { width: 32.25%; margin-right: 1.625%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-education-programs .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-education-programs .entry .placeholder { padding-top: 75%; background: inherit; } .custom-grid-education-programs .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-artists .entry { width: 23.8125%; margin-right: 1.5833333333333%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-artists .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-artists .entry .placeholder { padding-top: 74.803149606299%; background: inherit; } .custom-grid-artists .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .detail-page .custom-grid-artists .entry { width: 32.25%; margin-right: 1.625%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-artists .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-artists .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-artists .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .detail-page .custom-grid-archive .entry { width: 32.25%; margin-right: 1.625%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-archive .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-archive .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-archive .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-festival-information .entry { width: 32.25%; margin-right: 1.625%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-festival-information .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-festival-information .entry .placeholder { padding-top: 75%; background: inherit; } .custom-grid-festival-information .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } @media all and (max-width: 768px) { .custom-grid .entry { width: 31.75%; margin-right: 2.375%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4){ margin-right: 2.375%; } .custom-grid .entry:nth-child(3n+3){ margin-right: 2.375%; } .custom-grid .entry:nth-child(1n+1){ margin-right: 2.375%; } .custom-grid .entry:nth-child(1n+1){ margin-right: 2.375%; } .custom-grid .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 74.803149606299%; background: inherit; } .custom-grid .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .custom-grid-e1 .entry { width: 31.75%; margin-right: 2.375%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-e1 .entry:nth-child(4n+4){ margin-right: 2.375%; } .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 2.375%; } .custom-grid-e1 .entry:nth-child(2n+2){ margin-right: 2.375%; } .custom-grid-e1 .entry:nth-child(1n+1){ margin-right: 2.375%; } .custom-grid-e1 .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-e1 .entry .placeholder { padding-top: 74.803149606299%; background: inherit; } .custom-grid-e1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .detail-page .custom-grid-e1 .entry { width: 48.375%; margin-right: 3.25%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 3.25%; } .detail-page .custom-grid-e1 .entry:nth-child(2n+2){ margin-right: 3.25%; } .detail-page .custom-grid-e1 .entry:nth-child(1n+1){ margin-right: 3.25%; } .detail-page .custom-grid-e1 .entry:nth-child(1n+1){ margin-right: 3.25%; } .detail-page .custom-grid-e1 .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-e1 .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-e1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .custom-grid-nl1 .entry { width: 48.375%; margin-right: 3.25%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-nl1 .entry:nth-child(3n+3){ margin-right: 3.25%; } .custom-grid-nl1 .entry:nth-child(2n+2){ margin-right: 3.25%; } .custom-grid-nl1 .entry:nth-child(1n+1){ margin-right: 3.25%; } .custom-grid-nl1 .entry:nth-child(1n+1){ margin-right: 3.25%; } .custom-grid-nl1 .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-nl1 .entry .placeholder { padding-top: 75%; background: inherit; } .custom-grid-nl1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .detail-page .custom-grid-public-programs .entry { width: 48.375%; margin-right: 3.25%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-public-programs .entry:nth-child(3n+3){ margin-right: 3.25%; } .detail-page .custom-grid-public-programs .entry:nth-child(2n+2){ margin-right: 3.25%; } .detail-page .custom-grid-public-programs .entry:nth-child(2n+2){ margin-right: 3.25%; } .detail-page .custom-grid-public-programs .entry:nth-child(1n+1){ margin-right: 3.25%; } .detail-page .custom-grid-public-programs .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-public-programs .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-public-programs .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .detail-page .custom-grid-events .entry { width: 48.375%; margin-right: 3.25%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-events .entry:nth-child(3n+3){ margin-right: 3.25%; } .detail-page .custom-grid-events .entry:nth-child(2n+2){ margin-right: 3.25%; } .detail-page .custom-grid-events .entry:nth-child(2n+2){ margin-right: 3.25%; } .detail-page .custom-grid-events .entry:nth-child(1n+1){ margin-right: 3.25%; } .detail-page .custom-grid-events .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-events .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-events .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .custom-grid-education-programs .entry { width: 48.375%; margin-right: 3.25%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-education-programs .entry:nth-child(3n+3){ margin-right: 3.25%; } .custom-grid-education-programs .entry:nth-child(2n+2){ margin-right: 3.25%; } .custom-grid-education-programs .entry:nth-child(1n+1){ margin-right: 3.25%; } .custom-grid-education-programs .entry:nth-child(1n+1){ margin-right: 3.25%; } .custom-grid-education-programs .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-education-programs .entry .placeholder { padding-top: 75%; background: inherit; } .custom-grid-education-programs .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-artists .entry { width: 31.75%; margin-right: 2.375%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-artists .entry:nth-child(4n+4){ margin-right: 2.375%; } .custom-grid-artists .entry:nth-child(3n+3){ margin-right: 2.375%; } .custom-grid-artists .entry:nth-child(1n+1){ margin-right: 2.375%; } .custom-grid-artists .entry:nth-child(1n+1){ margin-right: 2.375%; } .custom-grid-artists .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-artists .entry .placeholder { padding-top: 74.803149606299%; background: inherit; } .custom-grid-artists .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .detail-page .custom-grid-artists .entry { width: 32.25%; margin-right: 1.625%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-artists .entry:nth-child(3n+3){ margin-right: 1.625%; } .detail-page .custom-grid-artists .entry:nth-child(3n+3){ margin-right: 1.625%; } .detail-page .custom-grid-artists .entry:nth-child(1n+1){ margin-right: 1.625%; } .detail-page .custom-grid-artists .entry:nth-child(1n+1){ margin-right: 1.625%; } .detail-page .custom-grid-artists .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-artists .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-artists .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .detail-page .custom-grid-archive .entry { width: 32.25%; margin-right: 1.625%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-archive .entry:nth-child(3n+3){ margin-right: 1.625%; } .detail-page .custom-grid-archive .entry:nth-child(3n+3){ margin-right: 1.625%; } .detail-page .custom-grid-archive .entry:nth-child(1n+1){ margin-right: 1.625%; } .detail-page .custom-grid-archive .entry:nth-child(1n+1){ margin-right: 1.625%; } .detail-page .custom-grid-archive .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-archive .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-archive .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-festival-information .entry { width: 48.375%; margin-right: 3.25%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-festival-information .entry:nth-child(3n+3){ margin-right: 3.25%; } .custom-grid-festival-information .entry:nth-child(2n+2){ margin-right: 3.25%; } .custom-grid-festival-information .entry:nth-child(1n+1){ margin-right: 3.25%; } .custom-grid-festival-information .entry:nth-child(1n+1){ margin-right: 3.25%; } .custom-grid-festival-information .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-festival-information .entry .placeholder { padding-top: 75%; background: inherit; } .custom-grid-festival-information .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: 100%; margin-right: 0%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4){ margin-right: 0%; } .custom-grid .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 74.803149606299%; background: inherit; } .custom-grid .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid-e1 .entry { width: 47.625%; margin-right: 4.75%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-e1 .entry:nth-child(4n+4){ margin-right: 4.75%; } .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 4.75%; } .custom-grid-e1 .entry:nth-child(2n+2){ margin-right: 4.75%; } .custom-grid-e1 .entry:nth-child(1n+1){ margin-right: 4.75%; } .custom-grid-e1 .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-e1 .entry .placeholder { padding-top: 74.803149606299%; background: inherit; } .custom-grid-e1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .detail-page .custom-grid-e1 .entry { width: 100%; margin-right: 0%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 0%; } .detail-page .custom-grid-e1 .entry:nth-child(2n+2){ margin-right: 0%; } .detail-page .custom-grid-e1 .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-e1 .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-e1 .entry:nth-child(1n+1) { margin-right: 0; } .detail-page .custom-grid-e1 .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-e1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid-nl1 .entry { width: 100%; margin-right: 0%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-nl1 .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-nl1 .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-nl1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-nl1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-nl1 .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-nl1 .entry .placeholder { padding-top: 75%; background: inherit; } .custom-grid-nl1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .detail-page .custom-grid-public-programs .entry { width: 48.375%; margin-right: 3.25%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-public-programs .entry:nth-child(3n+3){ margin-right: 3.25%; } .detail-page .custom-grid-public-programs .entry:nth-child(2n+2){ margin-right: 3.25%; } .detail-page .custom-grid-public-programs .entry:nth-child(2n+2){ margin-right: 3.25%; } .detail-page .custom-grid-public-programs .entry:nth-child(1n+1){ margin-right: 3.25%; } .detail-page .custom-grid-public-programs .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-public-programs .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-public-programs .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .detail-page .custom-grid-events .entry { width: 48.375%; margin-right: 3.25%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-events .entry:nth-child(3n+3){ margin-right: 3.25%; } .detail-page .custom-grid-events .entry:nth-child(2n+2){ margin-right: 3.25%; } .detail-page .custom-grid-events .entry:nth-child(2n+2){ margin-right: 3.25%; } .detail-page .custom-grid-events .entry:nth-child(1n+1){ margin-right: 3.25%; } .detail-page .custom-grid-events .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-events .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-events .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid-education-programs .entry { width: 100%; margin-right: 0%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-education-programs .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-education-programs .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-education-programs .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-education-programs .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-education-programs .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-education-programs .entry .placeholder { padding-top: 75%; background: inherit; } .custom-grid-education-programs .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-artists .entry { width: 100%; margin-right: 0%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-artists .entry:nth-child(4n+4){ margin-right: 0%; } .custom-grid-artists .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-artists .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-artists .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-artists .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-artists .entry .placeholder { padding-top: 74.803149606299%; background: inherit; } .custom-grid-artists .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .detail-page .custom-grid-artists .entry { width: 100%; margin-right: 0%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-artists .entry:nth-child(3n+3){ margin-right: 0%; } .detail-page .custom-grid-artists .entry:nth-child(3n+3){ margin-right: 0%; } .detail-page .custom-grid-artists .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-artists .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-artists .entry:nth-child(1n+1) { margin-right: 0; } .detail-page .custom-grid-artists .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-artists .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .detail-page .custom-grid-archive .entry { width: 100%; margin-right: 0%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-archive .entry:nth-child(3n+3){ margin-right: 0%; } .detail-page .custom-grid-archive .entry:nth-child(3n+3){ margin-right: 0%; } .detail-page .custom-grid-archive .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-archive .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-archive .entry:nth-child(1n+1) { margin-right: 0; } .detail-page .custom-grid-archive .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-archive .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-festival-information .entry { width: 100%; margin-right: 0%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-festival-information .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-festival-information .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-festival-information .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-festival-information .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-festival-information .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-festival-information .entry .placeholder { padding-top: 75%; background: inherit; } .custom-grid-festival-information .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid .entry { width: 100%; margin-right: 0%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4){ margin-right: 0%; } .custom-grid .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 74.803149606299%; 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: 60px; display: inline-block; vertical-align: top; } .custom-grid-e1 .entry:nth-child(4n+4){ margin-right: 0%; } .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-e1 .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-e1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-e1 .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-e1 .entry .placeholder { padding-top: 74.803149606299%; background: inherit; } .custom-grid-e1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .detail-page .custom-grid-e1 .entry { width: 100%; margin-right: 0%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-e1 .entry:nth-child(3n+3){ margin-right: 0%; } .detail-page .custom-grid-e1 .entry:nth-child(2n+2){ margin-right: 0%; } .detail-page .custom-grid-e1 .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-e1 .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-e1 .entry:nth-child(1n+1) { margin-right: 0; } .detail-page .custom-grid-e1 .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-e1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid-nl1 .entry { width: 100%; margin-right: 0%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-nl1 .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-nl1 .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-nl1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-nl1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-nl1 .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-nl1 .entry .placeholder { padding-top: 75%; background: inherit; } .custom-grid-nl1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .detail-page .custom-grid-public-programs .entry { width: 100%; margin-right: 0%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-public-programs .entry:nth-child(3n+3){ margin-right: 0%; } .detail-page .custom-grid-public-programs .entry:nth-child(2n+2){ margin-right: 0%; } .detail-page .custom-grid-public-programs .entry:nth-child(2n+2){ margin-right: 0%; } .detail-page .custom-grid-public-programs .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-public-programs .entry:nth-child(1n+1) { margin-right: 0; } .detail-page .custom-grid-public-programs .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-public-programs .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .detail-page .custom-grid-events .entry { width: 100%; margin-right: 0%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-events .entry:nth-child(3n+3){ margin-right: 0%; } .detail-page .custom-grid-events .entry:nth-child(2n+2){ margin-right: 0%; } .detail-page .custom-grid-events .entry:nth-child(2n+2){ margin-right: 0%; } .detail-page .custom-grid-events .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-events .entry:nth-child(1n+1) { margin-right: 0; } .detail-page .custom-grid-events .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-events .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid-education-programs .entry { width: 100%; margin-right: 0%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-education-programs .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-education-programs .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-education-programs .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-education-programs .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-education-programs .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-education-programs .entry .placeholder { padding-top: 75%; background: inherit; } .custom-grid-education-programs .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-artists .entry { width: 100%; margin-right: 0%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-artists .entry:nth-child(4n+4){ margin-right: 0%; } .custom-grid-artists .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-artists .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-artists .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-artists .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-artists .entry .placeholder { padding-top: 74.803149606299%; background: inherit; } .custom-grid-artists .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .detail-page .custom-grid-artists .entry { width: 100%; margin-right: 0%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-artists .entry:nth-child(3n+3){ margin-right: 0%; } .detail-page .custom-grid-artists .entry:nth-child(3n+3){ margin-right: 0%; } .detail-page .custom-grid-artists .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-artists .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-artists .entry:nth-child(1n+1) { margin-right: 0; } .detail-page .custom-grid-artists .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-artists .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .detail-page .custom-grid-archive .entry { width: 100%; margin-right: 0%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-archive .entry:nth-child(3n+3){ margin-right: 0%; } .detail-page .custom-grid-archive .entry:nth-child(3n+3){ margin-right: 0%; } .detail-page .custom-grid-archive .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-archive .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-archive .entry:nth-child(1n+1) { margin-right: 0; } .detail-page .custom-grid-archive .entry .placeholder { padding-top: 75%; background: inherit; } .detail-page .custom-grid-archive .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-festival-information .entry { width: 100%; margin-right: 0%; margin-bottom: 60px; display: inline-block; vertical-align: top; } .custom-grid-festival-information .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-festival-information .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-festival-information .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-festival-information .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-festival-information .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-festival-information .entry .placeholder { padding-top: 75%; background: inherit; } .custom-grid-festival-information .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } body { background: #ffffff; color: #000000; font-size: 12px; line-height: normal; } #overlay, footer { background: #ffffff; } .list.text-only.entries.fixed-font .date { font-size: 12px; } .main-header nav.homepage a:hover, .main-header nav.homepage a.active, #slidecaption a:hover * { color: #888888 !important; } a, .private-login input[type="submit"] { color: #888888; } #overlay .close { color: #888888; font-size: 12px; } .main-header nav a, .screen-nav a, .slider-features a, .section-header a, .private nav a { color: #888888; font-size: 12px; letter-spacing: 0px; } a:hover, a:hover *, .grid .entry a:hover span, .private-login input[type="submit"]:hover, .entry a:hover .placeholder, .entry a:hover .thumb, #overlay .close:hover, .main-header nav a:hover, .main-header nav a.active, .screen-nav a.active, .screen-nav a:hover, .screen-nav a:hover *, .slider-features a.active, .slider-features a:hover, .slider-features a:hover *, .section-header a:hover, .section-header a:hover *, .section-header a.active { color: #000000 !important; } section header, .divider, .news .entry { border-color: #b4b4b4; } .homepage .caption h1 { color: #000000; letter-spacing: 0px; font-size: 12px; } .entry .placeholder, .entry .thumb, .list.text-only.entries.fixed-font a .summary, .main-header nav.homepage a, #slidecaption a *, .news .list h1 { color: #000000; } .medium h1, .small h1, .medium h2, .small h2, .medium h3, .small h3, .entries.fixed-font .title, .entries.fixed-font .titles, .entries.fixed-font .subtitle, .entries.fixed-font .date, .entries.fixed-font .titles .subtitle, .entries.fixed-font .titles .date, .fixed-font .entries .date, .grid.fixed-font .title, .grid.fixed-font .titles, .grid.fixed-font .subtitle, .grid.fixed-font .date, .grid.fixed-font .titles .subtitle, .grid.fixed-font .titles .date, .fixed-font .grid .date, .links a, .fixed-font .entry h1, .fixed-font .entry h2, .fixed-font .entry h3 { line-height: normal; font-size: 12px; } p, .large-images h2, .news .entry h2, .large-images h3, .news .entry h3 { line-height: normal; } h2, .entries .subtitle, .grid .subtitle, .grid .titles .subtitle, .homepage .caption h2, h1, h1.sectionname, .entries .titles, .entries .title, .grid .titles, .grid .title, h3, .entries .date, .grid .date, .grid .titles .date, .homepage .caption h3, h4, .sectionname { color: #000000; line-height: normal; letter-spacing: 0px; font-size: 12px; } .paragraph-styling p { margin-bottom: 2em; } /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* CSS --------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /*QUICKLINK */ /* -------------------------------------------------------------------------- */ div#quicklink { margin-top: 11%; margin-bottom: 5%; } .s-festival div#quicklink { margin-bottom: 0%; } .s-cp1 nav.screen-nav, .s-contact nav.screen-nav, .s-festival nav.screen-nav, .s-programming-and-events nav.screen-nav{ display: flex; justify-content: center; border:0; } .s-festival #wrapper-content { margin-top: 4% !important; } /* -------------------------------------------------------------------------- */ /*ALERT BOX */ /* -------------------------------------------------------------------------- */ section#wrapper-alert-box { position: fixed; bottom: 50px; right: 50px; max-width: 350px; color:#ffffff!important; background-color:rgba(0,0,0,1); z-index: 1337; padding:25px!important; } section#wrapper-alert-box header{border:none;} section#wrapper-alert-box .text-one-column .content{padding-bottom: 0;} section#wrapper-alert-box .container{padding: 0;} section#wrapper-alert-box .container .container{padding: 0;} section#wrapper-alert-box header, section#wrapper-alert-box .text-one-column{ padding-bottom:0; margin-bottom: 8px; } section#wrapper-alert-box a.close{ position: absolute; right: 8px; top: 1px; font-size:18px; cursor: pointer; color:#b4b4b4!important; } section#wrapper-alert-box a{color:#b4b4b4 !important;} section#wrapper-alert-box a:hover{color:#ffffff !important;} section#wrapper-alert-box p{ margin-bottom: 1.3em; font-size:13px; line-height:1.8; color:#ffffff!important; /*-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/ } section#wrapper-alert-box p:last-of-type{margin-bottom: 0;} section#wrapper-alert-box header h1{ color:#FFFFFF; font-size:20px; line-height:1.5} @media all and (max-width:550px){ section#wrapper-alert-box { right: 20px; max-width: 260px; } section#wrapper-alert-box header h1{font-size:16px;} section#wrapper-alert-box p{font-size:11px;} } /*------------------------------*/ /*animation*/ section#wrapper-alert-box{ /*animation-name: alert-box;*/ animation-duration: 1.5s; animation-delay: 1.2s; animation-fill-mode: backwards; } /*------------------------------*/ /*------------------------------*/ /*------------------------------*/ /* MUST USE ANIMATION-NAME IN MEDIA QUIERY */ /* DO NOT ADD KEYFRAMS WITHIN MEDIA QUIERY */ @media screen and (min-width:601px) { section#wrapper-alert-box{ animation-name: alert-box-a; } } @media screen and (max-width:600px) { section#wrapper-alert-box{ animation-name: alert-box-b; } } @keyframes alert-box-a { from { right: -350px; opacity: 0; } to { right: 50px; opacity: 1; } } @keyframes alert-box-b { from { right: -260px; opacity: 0; } to { right: 20px; opacity: 1; } } .s-home div#related-nl1 header { display: none; } .s-cp1 section#wrapper-introduction + #wrapper-content { margin-top: 11%; } .categories-left.screen-nav nav a { white-space: pre-wrap; /* CSS3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } div#large header { padding-bottom: 10px; } /* ------------------------------------------------------- */ /* PRIVATE ARTIST INFO & FAQ*/ /* ------------------------------------------------------- */ .s-private-artist-info.login-page #contentWrapper > .container { height: 77vh; display: flex; justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; } .s-private-artist-info.login-page h4 { display: block; text-align: center; width: 100%; text-transform: capitalize; font-size:25.5px!important; line-height:1.3 !important; font-family:"Dagny W01 Regular"; letter-spacing: 0px; margin-bottom: 15px; } .private-login input[type="submit"] { display: inline-block; border: 1px solid #000; padding:7px 15px; margin-top:15px; } .private-login input[type="submit"]:hover { border: 1px solid #009550; } .private-login { max-width: 250px; } form input[type=email], form input[type=password], form input[type=text], form select, form textarea { display: block; border: 1px solid #000; } .s-private-artist-info section#wrapper-introduction, .s-private-artist-info section#wrapper-content, .s-artist-faq section#wrapper-content{ margin-bottom: 11%; } .s-artist-faq #wrapper-introduction { margin-bottom: 12%; } .s-artist-faq .text-image-wrapper { margin-bottom: 12% !important; } /* ------------------------------------------------------- */ /* PROGRAMMING & EVENTS STYLES */ /* ------------------------------------------------------- */ .s-programming-and-events nav.screen-nav.divider.quicklinks { border: 0; } /* ------------------------------------------------------- */ /* FESTIVAL INFO STYLES */ /* ------------------------------------------------------- */ .s-festival-information section#content { padding-bottom: 6%; } /* ------------------------------------------------------- */ /* EDUCATION & RESEARCH STYLES */ /* ------------------------------------------------------- */ div#screen-youth-program-text .content, div#screen-youth-program-text .text-one-column, section#wrapper-digital-archive-text .content, section#wrapper-digital-archive-text .text-one-column{ padding-bottom: 0; } div#screen-youth-program-text, section#wrapper-digital-archive-text { margin-bottom:40px; } div#screen-youth-program-text .text-one-column .content, section#wrapper-digital-archive-text .text-one-column .content{ width: 100%; max-width: 700px; } /*section#wrapper-digital-archive-text:last-of-type {*/ /* display: none;*/ /*}*/ /* ------------------------------------------------------- */ /* HIDDEN DOWNLOADABLES STYLES */ /* ------------------------------------------------------- */ .s-downloadables #wrapper-downloadables .placeholder { display: none; } /* ------------------------------------------------------- */ /* ARTIST PAGE STYLES */ /* ------------------------------------------------------- */ .s-artists header.section-header.divider.links-only { margin-bottom: 2%; } .s-artists .home { margin-bottom:5%; } .categories-left.screen-nav nav a { display: block; margin-bottom: 10px; } /* ------------------------------------------------------- */ /* EVENTS & PUBLIC PROGRAMS STYLES */ /* ------------------------------------------------------- */ .s-events.detail-page div#homefader, .s-public-programs div#homefader{ position: absolute; } #screen-resources .placeholder { display: none; } .entries.fixed-font .titles { margin-bottom: 15px !important; display: block; } #screen-resources p,#screen-resources .paragraph-styling p { font-size: 13px; } div#screen-resources { margin-bottom: 60px; } .associations { margin-bottom: 4%; } /*.s-programming-and-events div#related-events,*/ /*.s-education div#related-education-programs{*/ /* margin-bottom: 7%;*/ /*}*/ .s-programming-and-events div#screen-content , .s-education div#screen-content, .s-artists div#screen-content{ margin-bottom: 10%; } /* ------------------------------------------------------- */ /*TEXT IMAGE SWIPER*/ /* ------------------------------------------------------- */ .text-image-wrapper.two-up .text-one-column-with-image .image { width: 100%; } .slideshow-container .slideshow-headline { border-bottom: 0; padding-bottom: 10px; margin-bottom: 20px; } .slideshow-headline h1 { font-size: 40px; color: #000000; text-transform: uppercase; letter-spacing: 1px; padding: 0 0 0 0; margin: 0 0 0 0; line-height: normal; } .slideshow-headline span { padding-top: 25px; } .slideshow-container { margin-bottom: 100px; } .text-image-wrapper.two-up:nth-child(1) { padding: 0 2% 0 0; } .text-image-wrapper.two-up { flex: 0 0 48.65%; width: 47%; min-width: 0; } .text-one-column-with-image.no-image .text { width: 100%; max-width: 700px; } .text-image-wrapper.two-up .text-one-column-with-image.no-image .text { width: 100%; max-width: 800px; } .text-image-wrapper .slideshow-headline h1 { display: none !important; } script + #screen-event-info .text, script + #screen-content .text{ display: none; } /* ------------------------------------------------------- */ /* PROGRAMMING & EVENTS STYLES */ /* ------------------------------------------------------- */ .s-programming-and-events section#wrapper-about { margin-bottom: 50px; } /* ------------------------------------------------------- */ /* EXHIBITIONS STYLES */ /* ------------------------------------------------------- */ section#videos { margin-bottom: 6%; } div#large, #medium { margin-bottom: 60px; } section#selected-works { margin-top: 60px; } div#screen-introduction header { display: none; } #introduction .text-one-column .content { width: 100%; margin: auto; /* font-size: 14px !important; */ max-width: 680px; } a, .private-login input[type="submit"] { color: #757575; } section#selected-works, div#screen-about-the-exhibition, .s-e1 div#nl1{ margin-bottom: 60px; } /*div#screen-introduction .container + .container {*/ /* transform: skewY(-8deg);*/ /* border-bottom: 2px solid #048a45 ;*/ /*}*/ /* ------------------------------------------------------- */ /* ITEM HEADER */ /* ------------------------------------------------------- */ .item-header { width: 100%; text-align:center; /*margin-bottom:50px;*/ margin-top:0px; } .item-header h1 { font-size: 45px !important; /*padding-top: 40px !important;*/ } .item-header h2 { font-size: 34px !important; padding:5px 0 5px 0 !important; /*padding-top: 40px !important;*/ } .item-header h3, .item-header h2.subtitle2 { font-size: 20px !important; /*padding-top: 40px !important;*/ } .container.page-header-container { margin-bottom: 4%; } header.section-header.divider.page-header .item-header { width: 100%; } #wrapper-introduction .text-one-column .content { margin: auto; max-width:700px; } .s-education #wrapper-content, .s-festival #wrapper-content, .s-programming-and-events #wrapper-content{ margin-top: 11%; } section#wrapper-introduction + #wrapper-associations { margin-top: 14%; } .s-contact #wrapper-introduction { margin-bottom: 14%; } .s-cp1 section#wrapper-content, .s-contact section#wrapper-content { margin-bottom: 12%; padding-bottom:3%; } /* ------------------------------------------------------- */ /* DIAGNOL STYLES */ /* ------------------------------------------------------- */ /*div#screen-introduction .container + .container,*/ /*section#about-the-exhibition,*/ /*section#event-info,*/ /*.s-programming-and-events section#wrapper-content,*/ /*.s-education #wrapper-content,*/ /*.s-festival #wrapper-content,*/ /*section#content,*/ /*.s-contact #wrapper-introduction,*/ /*.s-cp1 #wrapper-introduction,*/ /*.s-festival #wrapper-introduction,*/ /*.s-programming-and-events #wrapper-introduction,*/ /*.s-cp1 #wrapper-content,*/ /*.s-contact section#wrapper-content{*/ section#wrapper-introduction, section#introduction, section#wrapper-content, section#content, section#event-info{ transform: skewy(-8deg); border-bottom: 2px solid #009550 ; } .s-cp1 div#screen-introduction .container + .container { border:0; } .s-e1 section#associations { transform: skewy(-8deg); border-top: 2px solid #009550 ; } /*div#screen-introduction .text-one-column.paragraph-styling,*/ /*div#screen-about-the-exhibition,*/ /*section#event-info > .text-image-wrapper,*/ /*section#event-info .two-up-wrapper.container,*/ /*section#content .two-up-wrapper.container,*/ /*.s-programming-and-events div#screen-content,*/ /*.s-artists div#screen-content,*/ /*.s-education #screen-content,*/ /*section#content > .text-image-wrapper,*/ /*.s-festival #wrapper-content > .text-image-wrapper,*/ /*section#content > div#screen-content,*/ /*.s-cp1 #wrapper-content .text-image-wrapper,*/ /*.s-cp1 div#screen-introduction,*/ /*.s-contact #wrapper-content .text-image-wrapper{*/ div#screen-introduction, #screen-content, section#wrapper-content > .text-image-wrapper, section#wrapper-content .two-up-wrapper.container, section#content > .text-image-wrapper, section#content .two-up-wrapper.container, section#event-info > .text-image-wrapper, section#event-info .two-up-wrapper.container{ transform: skewy(8deg); } .s-e1 section#associations .associations.fixed-font { transform: skewy(8deg); padding-top:15%; } section#introduction, /*section#installation-views,*/ /*div#related-e1,*/ /*div#related-nl1,*/ /*section#about-the-exhibition,*/ section#event-info,section#content, .s-programming-and-events section#wrapper-content, .s-education #wrapper-content, .s-festival #wrapper-content, .s-archive section#content div#screen-content{ margin-bottom: 15%; } .s-festival #wrapper-content, section#content { padding-bottom:6%; } /*#e1.associations, #nl1.associations {*/ /* margin-bottom: 10%;*/ /*}*/ div#screen-about-the-exhibition { margin-bottom: 11%; } .s-home section#wrapper-content,.s-home #screen-content, .text-image-wrapper > #screen-content { transform: skewy(0deg); border: 0; } /*Half Diagnol Lines*/ /*section#about-the-exhibition:after {*/ /* content: "";*/ /* position: absolute;*/ /* right: 0;*/ /* bottom: 0; */ /* height: 2px;*/ /* background-color: transparent;*/ /* width: 50%;*/ /* transform: skewy(-8deg);*/ /* border-bottom: 2px solid #048a45;*/ /* margin-top: -10%;*/ /*}*/ /* --------------------------------------------------------- */ /* BACK TO TOP */ #backToTop{ display: none; background: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/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; } /* ------------------------------------------------------- */ /* HOMEPAGE STYLES */ /* ------------------------------------------------------- */ .s-home .main-header header.section-header.divider.custom-grid-nl1 { border: 0; } .s-home section#wrapper-associations { padding-top:3%; } header.section-header.divider { border: 0; } .s-home #wrapper-content .text-one-column-with-image .container { max-width:1600px; } .s-home #wrapper-content .text-one-column-with-image .image { width: 90%; height: 85vh; } .s-home #wrapper-content .text-one-column-with-image > .container { display: flex; align-items: stretch; flex-direction:row-reverse; } .s-home #wrapper-content .text-one-column-with-image .image img { object-fit:cover; width:100%; height:100%; } .s-home #wrapper-content .text-one-column-with-image .text { width: 25%; padding-left:0 !important; margin-right:4%; display: flex; flex-wrap: wrap; } .s-home a.logo { position: relative; /*width: 100%;*/ z-index: 999; /*margin-top:-50px;*/ } .s-home #wrapper-content .text-one-column-with-image .text .container { width: 100%; align-self: flex-end; } .s-home a.logo img { width: 180px; } .s-home #screen-video-slider .section-header { display: none; } /*VIEW MORE*/ .full-width-banner .view-more { position: absolute; /*top: calc(100vh - 40px);*/ /*left: 0;*/ left: 50%; transform: translate(-50%, 0); height: 10px; width: 37px; z-index: 100; padding: 15px 0; text-align: center; text-transform: uppercase; line-height: 10px; font-size: 0px; background: transparent; cursor: pointer; background: url(https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/arrowB.png) no-repeat center right; background-size: 35px 32px; display: inline-block; /* padding: 20px !important;*/ /* display: inline-block;*/ } /* ------------------------------------------------------- */ /* FONT STYLES */ /* ------------------------------------------------------- */ /* FONTS SELF HOSTED FONTS.COM */ @font-face{ font-family:"Dagny W01 Extlight"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/a461f6e5-d7ad-4c6c-892a-d5fbbd128eca.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/b94e92e6-06ea-4d9d-b0a9-f0f01fe7ae64.woff") format("woff"); } @font-face{ font-family:"Dagny W01 Extlight Italic"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/cb1cc35e-8053-4a65-bd5c-61c468a5519f.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/43c94d21-c94a-427b-8504-3914e1a27812.woff") format("woff"); } @font-face{ font-family:"Dagny W01 Light"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/e34b317d-87d8-4412-a6c0-a5b62fc92dfc.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/3568ad26-ced5-4bc8-b3a3-6c179d89261f.woff") format("woff"); } @font-face{ font-family:"Dagny W01 Light Italic"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/653e9f1e-dc06-4753-9c9f-9995493c4b91.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/d05c31c7-8d18-46c0-a4bf-8eda50ab29b4.woff") format("woff"); } @font-face{ font-family:"Dagny W01 Regular"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/221651c7-4635-4a99-9409-c05b19fac573.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/7c876df6-4b27-4b02-bb57-4c6f2abe8df2.woff") format("woff"); } @font-face{ font-family:"Dagny W01 Italic"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/05da22fa-7738-4e1e-9e94-2a8317f2016e.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/012c0144-ace5-4f54-809e-4d7ba569f555.woff") format("woff"); } @font-face{ font-family:"Dagny W01 Bold"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/4ec6049c-0fdc-4356-89d4-f7c829081d10.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/e55baced-69fd-410c-b45b-499dcb454083.woff") format("woff"); } @font-face{ font-family:"Dagny W01 Bold Italic"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/b3341ec7-1497-4f7c-8137-54d1dea0c6e4.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/1edaa50a-297c-457c-96b0-c8d5aac5dd51.woff") format("woff"); } @font-face{ font-family:"Neue Haas Grotesk Disp W0135XL"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/c7480920-ec89-4897-bd52-cdc6635b145a.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/fd3a0aee-f4ba-4e55-a474-da6f8f5451ad.woff") format("woff"); } @font-face{ font-family:"Neue Haas GroteskDispW0136XLtI"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/363af608-24ba-4a1f-b672-ec64560e8423.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/286192f8-1d1a-4c01-a0ad-949064ecbcff.woff") format("woff"); } @font-face{ font-family:"Neue Haas Grotesk Disp W01_45L"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/47e29da7-7a58-44de-8b3c-db20c65f6c3f.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/b760d559-b712-4db0-a54c-0d0f8c10495b.woff") format("woff"); } @font-face{ font-family:"Neue Haas Grotesk DispW0146LtIt"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/7c83a405-2678-4ccf-b21d-985a005c8ce1.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/e07d1c64-c5a2-4a87-973f-d3298502dcf6.woff") format("woff"); } @font-face{ font-family:"Neue Haas Grotesk Disp W01_56I"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/0faba21a-2c21-4d23-8245-0733b0e9f6e6.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/3f00786e-87b6-46f4-8460-af234e3f5a6e.woff") format("woff"); } @font-face{ font-family:"Neue Haas Grotesk Disp W01_65M"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/408d741e-b96a-486f-907a-770f7e11d6d3.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/ec7b458e-6d24-4b3d-9c7f-43321a10ffe4.woff") format("woff"); } @font-face{ font-family:"Neue Haas Grotesk DispW0166MdI"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/ffe38a67-9745-402f-9fdf-a2348f2b8fa7.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/7428cb40-3e1e-4345-a1d5-9ec578bcd497.woff") format("woff"); } @font-face{ font-family:"Neue Haas Grotesk Disp W01_55R"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/6e329389-9c44-48b0-8291-f918840fe862.woff2") format("woff2"),url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/dc6a6646-e0ac-4deb-b3c0-19e5dc30bf6a.woff") format("woff"); } body{ font-family:"Neue Haas Grotesk Disp W0135XL"; font-size:16px; font: 16px "Neue Haas Grotesk Disp W0135XL", sans-serif; /*re-declare fix*/ line-height:normal; /*keep normal*/ letter-spacing:.5px ; } b, strong{ font-family:"Neue Haas Grotesk Disp W01_65M"; font-weight:normal; } i, em{ font-family: "Neue Haas GroteskDispW0136XLtI"; font-style:normal; } strong > em, b > em, strong > i, b > i, em > strong, em > b, i > strong, i > b{ font-family: "Neue Haas Grotesk DispW0166MdI"; font-style:normal; } /* ------------------------------------------------------- */ /* PARAGRAPHS (BROWN) */ /* ------------------------------------------------------- */ p,.paragraph-styling p{ font-size:16px; line-height:1.8; /*box-shadow: inset 0 0 0 1px #993300;*/ } .paragraph-styling p{ margin-bottom:1.2em; } /* ------------------------------------------------------- */ /* CK EDITOR*/ /* ------------------------------------------------------- */ .ee-editor-title{ font-size:37px!important; line-height:1.3 !important; margin-bottom:5px !important; font-family:"Dagny W01 Regular"; } .ee-editor-body{ font-size:24px!important; line-height:1.3 !important; margin-bottom:20px !important; font-family:"Dagny W01 Regular"; border-bottom: 2px solid #009550; display: inline-block; } .ee-editor-column { display: inline-block; padding-right: 3%; width:46%; } .ee-editor-subtitle{ font-size:28px!important; font-family:"Dagny W01 Light"; line-height:1.3 !important; margin-bottom:5px !important; } .ee-editor-date{ font-size:20px!important; line-height:1.3 !important; font-family:"Dagny W01 Light"; margin-bottom:10px; } .ee-editor-spacer { font-size:0 !important; background:transparent !important; margin-bottom:0 !important; } .ee-editor-list { display: inline-block; padding-right: 3%; width:30%; margin-bottom:5px !important; } .ee-editor-button a { display: inline-block; border: 1px solid #000; padding:7px 15px; } .ee-editor-button a:hover { border: 1px solid #009550; } .ee-editor-footer-button a { display: inline-block; border: 1px solid #fff; padding:7px 15px; color:#fff !important; margin-bottom:10px; min-width:150px; } .ee-editor-footer-button a:hover { border: 1px solid #888; color:#888 !important; } .ee-editor-center{ text-align:center !important; font-size:45px!important; line-height:1.3 !important; margin-bottom:45px !important; font-family:"Dagny W01 Regular"; } .ee-editor-center-text{ text-align:center !important; } .ee-editor-pull-quote{ font-size:25px!important; font-style:normal!important; color:#000000; text-align:center; font-family:"Dagny W01 Light"; margin-bottom:15px !important; } .ee-editor-credit{ font-size:18px!important; font-style:normal!important; color:#000000; text-align:center; font-family:"Dagny W01 Light"; } /* ------------------------------------------------------- */ /* PADDING FIX */ /* ------------------------------------------------------- */ .container{padding: 0 35px;} @media all and (max-width:1880px) { .container{padding: 0 35px;} } /* --------------------------------------------------------- */ /*CUSTOM HEADER PARAGRAPH SEE JS*/ /* --------------------------------------------------------- */ p.custom-header-paragraph{ margin-bottom:.8em !important; font-size: 20px !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; } /* --------------------------------------------------------- */ /* EMPTY FIXES */ /* --------------------------------------------------------- */ h2:empty, h3:empty, .date:empty, .subtitle:empty, .summary:empty { display: none !important;} /* --------------------------------------------------------- */ /*HOVER STATES*/ /* --------------------------------------------------------- */ a {transition: color .3s} a:hover h1, a:hover .title{ color: #009550 !important;} a, .private-login input[type="submit"] { color: #000; } .entry .links a { border-left: 3px solid #009550; padding-bottom: 0 !important; margin-bottom: 10px; padding-left: 7px !important; } .entry .links a:hover { color: #009550 !important; } span.links.switch a { border: 0; padding-left: 0; } 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: #009550 !important; } /* --------------------------------------------------------- */ /*SELECTION COLOR*/ /* --------------------------------------------------------- */ ::selection {color:#ffffff;background:#000000;} ::-moz-selection {color:#ffffff;background:#000000;} .lightOnDarkText {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .forceDefaultOSX{-webkit-font-smoothing: subpixel-antialiased;} /* --------------------------------------------------------- */ /* IMAGE BORDERS*/ /* --------------------------------------------------------- */ /*#overlay figure img,*/ /*.image img,*/ /*.slider img{outline-color:rgba(128,128,128,.05); outline-width:1px; outline-style:solid; outline-offset:-1px;}*/ /* ------------------------------------------------------- */ /* ZERO OUT GRID SPACING - REMOVE EXTRANEOUS SPACING */ /* ------------------------------------------------------- */ .row{padding-bottom:0;} .grid{padding-bottom:0;} .grid {line-height: normal;} .section-header.second-row {margin-top: 0px } .exhibitions.home .headers, .exhibitions.home .medium .headers, .exhibitions.home .small .headers{padding-top: 0;} .grid-left-categories .categories-left.screen-nav {margin-top: 0px;} .image{ line-height: 0;} .image img{padding:0 !important;} .links a:last-of-type {line-height: normal;} nav.screen-nav{display:flex;} .grid-left-categories .categories-left.screen-nav {margin-top: 0px;} .homepage .caption {padding-top: 0;} .homepage.banner{line-height:0;} .inquireBox .left {line-height:0;} /* ------------------------------------------------------- */ /* SPACE BELOW ALL THUMBNAILS */ /* ------------------------------------------------------- */ .placeholder, .thumb, .homepage.banner img { margin-bottom:15px !important; } /* ------------------------------------------------------- */ /* MATCH NON-CUSTOM GRID ENTRIES WITH CUSTOM GRID ENTRIES */ /* ------------------------------------------------------- */ /*.grid .entry.medium{ padding-bottom:100px;}*/ /*.associations .list-container .entry, .news-index .entry{*/ /* padding-bottom:100px;*/ /*}*/ /* ------------------------------------------------------- */ /* MAIN-HEADER */ /* ------------------------------------------------------- */ .main-header{ /*text-transform:unset;*/ padding: 25px 0; /*padding-bottom: 0px;*/ /*background-color:#fff;*/ /* box-shadow: 0 3px 6px -2px rgba(0,0,0,.2);*/ } /*.s-home section.custom_page {*/ /* margin-top: 25px;*/ /*}*/ section.custom_page, section.exhibitions.home, section.artists.home,.objects-details, .container.page-header-container{ margin-top: 70px; } /*.main-header .container {*/ /* max-width: 100%;*/ /*}*/ .main-header nav, .main-header .logo span, .main-header nav a{ font-size: 17px; padding-top: 12px; text-transform: initial; letter-spacing:0; } .main-header nav a:hover, .main-header nav a.active { color: #009550 !important; transition: color .3s; } .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; } /*nav.main {*/ /* display: none;*/ /*}*/ /* ------------------------------------------------------- */ /* HAMBURGER */ /* ------------------------------------------------------- */ .custom-menu-on .main-header { padding-bottom: 0 !important; } .custom-hamburger { cursor:pointer; margin-top:0px; padding-top:0px; } #hamburger-x{ display:none; width: 21px; padding-top:0; padding-bottom: 0; margin-top:0; } #hamburger{ width:30px; } #hamburger-white{ display:none; width: 30px; } /*a.menu {*/ /* font-size: 0px !important;*/ /*}*/ /*.navlinks {*/ /* display: none !important;*/ /*}*/ /*FULLMENU*/ #full-menu{ position:fixed; z-index:10; top:0; left:0; height:100vh; width:100vw; background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.87) 100%); text-align:center; display:none; } #full-menu #full-center .social img { filter: invert(1); } .custom-menu-on .main-header .logo { filter: invert(0) !important; } .custom-menu-on .custom-hamburger { padding-top: 0 !important; } #full-menu #full-menu-text{ width:309px; margin-top:30px; } #full-menu #full-center{ position: relative; z-index:99 !important; width:100%; top:53%; transform:translateY(-50%) } #full-menu #full-center a { display: block; /* font-family: "Dagny W01 Regular"; */ font-size: 24px; text-transform: capitalize; letter-spacing: 0.5px; color: #000000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; cursor: pointer; margin-bottom: 25px; font-family: "Neue Haas Grotesk Disp W01_45L"; } #full-menu #full-center a:hover{ color: #009550 !important; } /* custom link */ a.custom-link { /*font-family: 'Terrorista-Dilma';*/ font-size: 50px; line-height: 0.7; letter-spacing: 1px; } /*a.menu {*/ /* float: right;*/ /*}*/ /*.mobile-menu-wrapper {*/ /* display: inline-block;*/ /* float: right;*/ /* z-index: 9999;*/ /*}*/ .social { display: inline-flex; } .social a { width: 25px; margin-right: 16px; } .social a:last-of-type { margin-right: 0 !important; } /* ------------------------------------------------------- */ /* 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*/, .s-home figcaption h1 /*homepage slider*/, .entries.fixed-font .titles, .slideshow-headline.frs h1 { font-size: 22px; font-family:"Dagny W01 Regular"; text-transform: initial; color: #000000; padding: 0 0 0 0; margin: 0 0 0 0; line-height: 1.3em; } /* ------------------------------------------------------- */ /* 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*/, .s-home figcaption h2 /*homepage slider*/, .slideshow-headline.frs h2 { font-size:16px; font-family:"Dagny W01 Light"; /*font-family: 'Text-RegularItalic';*/ color:#000000; text-transform:normal; padding:5px 0 0px 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*/, .s-home figcaption .image-description /*homepage slider*/, .slideshow-headline.frs h2.subtitle2 { /*font-family: 'Text-Regular';*/ font-size:16px; font-family:"Dagny W01 Light"; color:#000000; text-transform:initial; padding:5px 0 0 0 !important; margin: 0 0 0 0; line-height:1.3em; } /* ------------------------------------------------------- */ /* 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:16px; color:#000000; text-transform:initial; font-family:"Dagny W01 Light"; padding:5px 0 0 0 !important; margin: 0 0 0 0; line-height:1.3em; } .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, header.section-header.divider.border-top h1, .slideshow-headline h1{ font-size: 26px; color: #000000; text-transform: capitalize; letter-spacing: 0px; padding: 0 0 0 0; margin: 0 0 0 0; line-height: normal; font-family:"Dagny W01 Light"; } .section-header { margin-bottom: 10px; padding-bottom: 10px; } /* ------------------------------------------------------- */ /* SUBNAV */ /* ------------------------------------------------------- */ .screen-nav a, .slider-features a, .section-header a, .private nav a { font-size:15px; text-transform:initial; font-family:"Dagny W01 Regular"; padding-top:0; margin-top: 0; margin-bottom: 0; display:inline-block; line-height:normal; } /* --------------------------------------------------------- */ /* LINKS */ /* --------------------------------------------------------- */ .homepage .entry .links, .links .file a, .details .links a, .content .links a, .entry .links a { font-family:"Dagny W01 Regular"; font-size:14px; text-transform:initial; letter-spacing:0; 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, .swiper-container .swiper-slide-caption p, .thumbnail-container .caption-snippet 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:25px; color:#000000; /*box-shadow: inset 0 0 0 1px #00FFA6;*/ } .summary p{ font-size:15px; } /* --------------------------------------------------------- */ /* FOOTER 4 COL */ /* --------------------------------------------------------- */ footer{ padding-top: 30px; padding-bottom: 30px; color:#fff; background-color:#000; } /*footer.divider {*/ /* border-top: 2px solid #ec5d29;*/ /*}*/ footer div.container { padding: 0 35px; } .footer-social { float: left !important; display: block; width: 100%; margin-bottom: 14px !important; } footer .container { /*max-width: 1600px;*/ max-width: 100%; display: block; margin: 0 auto; } footer p{ line-height:1.5; font-size: 12px; /*text-transform:uppercase !important;*/ } footer a {color:#888 !important;} footer a:hover {color:#fff !important;} footer div.footer-cols{ width:100%; padding-right:0; } .footer-cols { margin-bottom: 20px; } .footer-col1, .footer-col2, .footer-col3{ width:22.7%; padding-right:2.9%; } .footer-col4 { width: 22.7%; padding-right: 0 !important; float: right; text-align:center; } footer div.footer-cols{ line-height: normal; /*keep normal*/ } @media all and (max-width:480px) { .footer-col1, .footer-col2, .footer-col3{ padding-right:0; } .footer-col1, .footer-col2, .footer-col3{ margin-bottom:30px; } } /* ------------------------------------------------------------------------- */ /* SLIDER ICON ST*/ /* ------------------------------------------------------------------------- */ /*remove text */ /*js (text)empty won't work w/ back button, use this CSS instead */ .slider-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: 100%; max-width: 100%!important; margin-left:auto; margin-right:auto; /*box-shadow: inset 0 0 0 1px #ff0000;*/ } .s-programming-and-events .full-slider .bx-wrapper:first-of-type { width: 100% !important; } body:not(.s-home) .full-slider .bx-wrapper:first-of-type .slide, body:not(.s-home) .slider .bx-wrapper:first-of-type .slide{ width:100% !important; /*box-shadow: inset 0 0 0 1px #ff0000;*/ } /* --------------------------------------------------------- */ /* Thumbnail 3-UP */ /* --------------------------------------------------------- */ .grid.fitted.thumbnails .entry{ width:31.44%; } .grid.fitted.thumbnails .entry:nth-child(4n+4){ padding-right:2.66% } .grid.fitted.thumbnails .entry:nth-child(3n+3){ padding-right:0!important; } /*EXHIBITIONS HOME FIX*/ #large img, #medium img{ width:100%; } /* --------------------------------------------------------- */ /* SWIPER (MAX-WIDTH) ASPECT RATIO FIX */ /* --------------------------------------------------------- */ .position-guard-container .swiper-container{ width:1600px; max-width:100%; margin-left:auto; margin-right:auto; } .position-guard-container .swiper-container.slideshow .slide-content-container{ padding-top:55%; /*box-shadow: inset 0 0 0 1px rgba(255,0,0,1);*/ } .swiper-container .swiper-slide .slide-video-container, .swiper-container .swiper-slide .slide-image-container{ padding:0 6%; } .thumbnail-container .caption-snippet { overflow: hidden; height: auto; } .slideshow-container { margin-bottom: 12%; } /* --------------------------------------------------------- */ /* SWIPER ARROWS */ /* --------------------------------------------------------- */ .slider-nav-next, .bx-wrapper .bx-next { transform: rotate(-45deg) !important; right: 5px !important; } .slider-nav-prev, .bx-wrapper .bx-prev { transform: rotate(135deg) !important; left: 5px !important; } .slider-nav-next, .slider-nav-prev, .bx-wrapper .bx-prev, .bx-wrapper .bx-next { background: none !important; border: solid #afafaf !important; border-width: 0 2px 2px 0 !important; } .slider-nav-next, .slider-nav-prev, .bx-wrapper .bx-controls-direction a { background-size: 40px 40px !important; width: 20px !important; height: 20px !important; margin-top: -10px !important; position: absolute !important; top: 50% !important; overflow: hidden; } .slider-nav-next:hover, .slider-nav-prev:hover, .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover { background: none !important; border: solid #000000 !important; border-width: 0 2px 2px 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;} /* --------------------------------------------------------- */ /* MODULAR TEXT-ONE-COLUMN-WITH-IMAGE*/ /* --------------------------------------------------------- */ /* adjust space between each row */ .text-one-column-with-image{padding-bottom:0px; margin-bottom:6%;} .text-image-wrapper .text-one-column-with-image{padding-bottom:0px; margin-bottom:0%;} .text-image-wrapper .slideshow-container { margin-bottom: 10%; } .text-image-wrapper { margin-bottom: 8%; } /* adjust container size for text + image */ .text-one-column-with-image .container { max-width: 1080px; } /* adjust space for last row */ .text-one-column-with-image:last-of-type{padding-bottom:0px;} /* adjust both .text and .image bottom optically equal */ .text-one-column-with-image .text{padding-bottom:0px;} .text-one-column-with-image .image{padding-bottom:0px;} /*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:700px;} /* center no-image width */ .text-one-column-with-image.no-image .text{margin-left: auto; margin-right:auto;float:none;} /* remove margin on last paragraph */ .text-one-column-with-image .text p:last-of-type{margin-bottom:0;} /* banners */ .text-or-image-two-columns.banner-image figure, .text-one-column-with-image.banner-image figure { min-height: 100vh; background-position: center; background-size: cover; } .text-one-column-with-image.large-image .image, .text-one-column-with-image.banner-image .image { width: 100%; float: none; text-align: center; } .text-one-column-with-image.large-image .text, .text-one-column-with-image.banner-image .text { display:none; } /* adjust Column width */ .text-one-column-with-image .image { width: 42%; } .text-one-column-with-image .text { width: 53%;} .text-one-column-with-image.large-image .container { max-width: 1500px; text-align: center; } /* --------------------------------------------------------- */ /* 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/5fb6e97213a8377f7c340a14/dropdown.png') center center no-repeat; background-size: contain; background-color: transparent !important; opacity:.6; } /*remove old arrow*/ .dropdown:before {content: none;} /*drop down items*/ .dropdown-root .divider a, .dropdown-root .divider a:last-of-type{ display: block; white-space: nowrap; padding: 4px 4px 4px 10px; margin: 0; /*EDIT FONT STYLING*/ font-size: 12px !important; } /*view all link spacing styling*/ .filter-items .association-filter {margin-right: 20px;} .filter-clear{ white-space: nowrap; /*EDIT FONT STYLING*/ font-size: 12px !important; } /* --------------------------------------------------------- */ /* CLOSE AND ZOOM */ /* --------------------------------------------------------- */ /* load new overlay graphic */ #overlay .close, #overlay .zoom-click, #zoomHeaderClose, .zoomFooterControl{ background-image: url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/5fb6e97213a8377f7c340a14/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%; } /* --------------------------------------------------------- */ /* MOBILE PADDING SPACING */ /* --------------------------------------------------------- */ /*larger custom width sites 1300px and up*/ /*.container{padding: 0 40px;}*/ /* keep padding*/ @media all and (max-width:1120px) { .container{padding: 0 20px;} } @media all and (max-width:1024px) { .container.outside {padding: 0 20px;} } /* supersize captions */ @media all and (max-width:320px){ #slidecaption {padding-left: 0px;} } /* keep 100% width */ @media all and (max-width:800px) { .container{max-width: 100%;} } /* --------------------------------------------------------- */ /*SECTIONS FADE IN ANIMATION*/ /* --------------------------------------------------------- */ /*section:first-of-type:not(.custom_page), 1st sections, custom has child sections section:nth-of-type(2), /*2nd sections .s-news.detail-page .news-details, /* has no sections .sidebar-left /*has no sections /*{*/ /* animation-name: fadein;*/ /* animation-duration: .8s; */ /*}*/ /*@keyframes fadein {*/ /* from { opacity: 0; }*/ /* to { opacity: 1; }*/ /*}*/ /* --------------------------------------------------------- */ /*ABOUT STYLES*/ /* --------------------------------------------------------- */ /* --------------------------------------------------------- */ /*EXHIBITION STYLES*/ /* --------------------------------------------------------- */ /* --------------------------------------------------------- */ /*HOMEPAGE STYLES*/ /* --------------------------------------------------------- */ /*BANNER ROTATE*/ section[id*="banner-rotate"] .full-width-banner .slide figure{ padding-top:100vh; pointer-events:none; } section[id*="banner-rotate"] .bx-controls{ display:none; } section[id*="banner-rotate"] figcaption{ position:absolute; bottom:40px; width:100%; max-width:100%; text-align:left; } /*section[id*="banner-rotate"] .container{*/ /* max-width:100%;*/ /*}*/ /*fix logo float causing banner shift*/ .s-home .main-header{overflow:hidden;} @media all and (max-width:800px) { .s-home .main-header{overflow:visible;} } .s-home section[id*="banner-rotate"] figcaption h1{ font-size:40px; letter-spacing:1px; text-transform:uppercase; margin-bottom:5px; } .s-home section[id*="banner-rotate"] figcaption h2{ font-size:30px; /*letter-spacing:1px;*/ /*text-transform:uppercase;*/ margin-bottom:5px; } .s-home section[id*="banner-rotate"] figcaption .image-description p{ font-size:18px; /*letter-spacing:1px;*/ /*text-transform:uppercase;*/ margin-bottom:5px; } .s-home .navlinks { background: none; } /*BANNER STACK*/ section[id*="banner-stack"] .full-width-banner .slide figure{ padding-top:100vh; } .main-header nav:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .main-header{overflow:hidden;} /*NEW HOMEPAGE SLIDESHOW*/ .s-home section.custom_page { margin-top: 0; } .s-home section#wrapper-slideshow .bx-controls { display: none; } .s-home section#wrapper-slideshow .full-width-banner .slide figure { padding-top:100vh; pointer-events:none; } @media only screen and (orientation: portrait) { .s-home section#wrapper-slideshow .full-width-banner .slide figure { padding-top: 100vh; } } .s-home > #contentWrapper { padding-top: 0 !important; } .s-home section#wrapper-slideshow .slide figcaption { position:absolute; bottom:50px; width:100%; max-width: max-content; margin:0; text-align:left; z-index:2; pointer-events:none; left: 35px; } @media (max-width: 1120px) { .s-home section#wrapper-slideshow .slide figcaption { left: 20px; } } @media (min-width: 1670px) { .s-home section#wrapper-slideshow .slide figcaption { left: calc(calc(100vw - 1590px) / 2); } } .s-home section#wrapper-slideshow .ee-banner-fader{ position:absolute; top:0; left:0; width:100%; height:100%; /*opacity:.5;*/ z-index:1; pointer-events:none; /*box-shadow: inset 0 0 0 10px rgba(255,255,255,1);*/ } .s-home section#wrapper-slideshow .bx-viewport{ overflow:unset!important; } /*HOMEPAGE VIDEO*/ .s-home #wrapper-video-slider { padding-top: 50px; } .s-home .slider.video .bx-wrapper { max-width: 100vw !important; } .s-home .slider.video .bx-wrapper .slide { width: 100% !important; } /* --------------------------------------------------------- */ /*SITE INDEX STYLES*/ /* --------------------------------------------------------- */ a.footer-siteindex { /*display:none;*/ } .col-custom{ /*text-transform:initial;*/ color:#fff; font-family: Arial, Helvetica, Sans-serif; font-size: 9px; letter-spacing:.2px; padding-right:0; /*margin-top:10px;*/ line-height:normal; text-align:left; width:100% } .col-custom span{ font-size: 9px; margin-right:10px; line-height:normal; } footer .credit { font-size: 9px; line-height:normal; margin-top: 0px; padding-right:0; width:auto !important; display:inline-block !important; } .custom-site-index-container{ max-width:785px; } /* --------------------------------------------------------- */ /*MOBILE STYLES*/ /* --------------------------------------------------------- */ /*TABLET*/ @media all and (max-width:1160px) { .s-home a.logo { position: relative; width: auto; z-index: 999; } .s-home #wrapper-content .text-one-column-with-image > .container { display: flex; align-items: stretch; flex-wrap: wrap; flex-direction: inherit; } .s-home #wrapper-content .text-one-column-with-image .image { width: 100%; height: 65vh; margin-bottom: 20px; } .s-home #wrapper-content .text-one-column-with-image .text { max-width: 500px; width: 100%; padding-left: 0 !important; margin-right: 0; display: block; text-align: left; } /*.s-home section.custom_page {*/ /* margin-top: 70px;*/ /*}*/ } @media all and (max-width:768px) { .text-one-column-with-image .image { margin-bottom: 40px; text-align: center!important; } section#wrapper-introduction, section#introduction, section#wrapper-content, section#content, section#event-info { margin-bottom: 16%; } section#wrapper-introduction .text-one-column, section#introduction .text-one-column{ padding-bottom: 6px; } .text-one-column-with-image.no-image .text { width: 100%; max-width: 100%; } .text-one-column-with-image.large-image .image, .text-one-column-with-image.banner-image .image{ margin-bottom: 0; } .caption:empty { display: none; } .s-cp1 section#wrapper-introduction + #wrapper-content { margin-top: 0; } .s-cp1 section#wrapper-content, .s-contact section#wrapper-content{ margin-bottom: 18%; padding-bottom: 10%; } section#event-info { padding-bottom: 10%; } .ee-editor-center { text-align: center !important; font-size: 40px!important; } .ee-editor-footer-button a { display: inline-block; border: 1px solid #fff; padding: 7px 15px; color: #fff !important; margin-bottom: 10px; min-width: 100px; } div#large, #medium { margin-bottom: 40px; } .item-header h1 { font-size: 40px !important; } .item-header h2 { font-size: 34px !important; padding: 9px 0 9px 0 !important; } .text-one-column-with-image, .text-image-wrapper { padding-bottom: 0px; margin-bottom: 10%; } .text-image-wrapper.two-up { flex: 0 0 100%; width: 100%; min-width: 0; } .two-up-wrapper.container { display: block; } .text-image-wrapper.two-up:nth-child(2) { padding: 0 0 0 0px; } .ee-editor-title { font-size: 35px!important; line-height: 1.3 !important; margin-bottom: 15px !important; } #resources .grid .entry { width: 47.5%; padding-right: 4.2%; } #resources .grid .entry:nth-child(1n+1) { padding-right: 4.2%; } #resources .grid .entry:nth-child(2n+2) { padding-right: 0; } .grid-left-categories .grid-container { width: 66%; } .grid-left-categories .categories-left { width: 29%; padding-right: 30px; } } @media all and (max-width:500px) { .s-home #wrapper-content .text-one-column-with-image .image { width: 100%; height: 60vh; margin-bottom: 20px; } .ee-editor-title { font-size: 28px!important; } .ee-editor-date { font-size: 16px!important; } .ee-editor-center { text-align: center !important; font-size: 28px!important; line-height: 1.3 !important; margin-bottom: 10% !important; font-family: "Dagny W01 Regular"; } .item-header h1 { font-size: 28px !important; } .item-header h2 { font-size: 24px !important; } .item-header h3, .item-header h2.subtitle2 { font-size: 16px !important; } section#wrapper-introduction, section#introduction, section#wrapper-content, section#content, section#event-info { margin-bottom: 25%; } .s-contact #wrapper-introduction { margin-bottom: 25%; } .s-cp1 section#wrapper-content, .s-contact section#wrapper-content { margin-bottom: 25%; padding-bottom: 10%; } .s-e1 section#associations .associations.fixed-font { transform: skewy(8deg); padding-top: 25%; } #wrapper-introduction .text-one-column .content, #introduction .text-one-column .content{ margin: auto; padding-bottom: 50px; max-width: 700px; } .text-one-column-with-image, .text-image-wrapper { padding-bottom: 0px; margin-bottom: 15%; } .ee-editor-column { display: block; padding-right: 0; width: 100%; } .ee-editor-list { display: inline-block; padding-right: 3%; width: 46%; margin-bottom: 5px !important; } #full-menu #full-center { top: 58%; transform: translateY(-50%); } .grid .entry.half { width: 100%; padding-right: 0; border-top: none; } .custom_page header h1, header h4, header.section-header.divider.border-top h1, .slideshow-headline h1 { font-size: 22px; } .container.page-header-container header { padding-bottom: 0; margin-bottom: 0; } .grid .entry.medium { width: 100%; padding-right: 0; } div#large, #medium { margin-bottom: 30px; } .past span.links.switch { margin-top: 10px; } .container.page-header-container { margin-bottom: 10%; } .slideshow-container { margin-bottom: 20%; } .ee-editor-pull-quote { font-size: 23px!important; } .bx-wrapper .bx-controls-direction a { top:50% !important; } .bx-controls-direction { left: 0 !important; right: 0 !important; } .full-slider .video-item { width: 80%!important; box-sizing: border-box; } footer div.footer-cols { TEXT-ALIGN: center; line-height: normal; } .footer-col4 { float: none; text-align: center; margin-bottom: 45px; } .col-custom { text-align:center; } .footer-social { text-align: center !important; margin-bottom: 20px !important; display: block; float: none !important; } .ee-editor-footer-button a { min-width: 150px; } .squared[data-width] .thumbnail-container { width: 100%; } .squared .thumbnail-container { display: inline-block; vertical-align: top; margin-right: 0; margin-bottom: 40px; } #resources .grid .entry { width: 100%; } #resources .grid .entry:nth-child(1n+1) { padding-right:0 !important; } .ee-editor-body { font-size: 22px!important; } .dropdown { display: inline-block; min-width: 100% !important; } .dropdown-root .divider a, .dropdown-root .divider a:last-of-type { display: block; white-space: nowrap; padding: 4px 4px 4px 10px; margin: 0; font-size: 16px !important; } .categories-left, .grid-left-categories, .grid-left-categories .categories-left { width: initial; } .grid-left-categories .categories-left { width: 100%; } /*.custom-grid-artists .entry {*/ /* width:100% !important;*/ /* display:block;*/ /*}*/ .grid-left-categories .grid-container { width: 100%; } } @media all and (max-width:300px) { .ee-editor-list { display: block; padding-right: 0%; width: 100%; margin-bottom: 5px !important; } } @media all and (max-width:480px) { .s-cp1 nav.screen-nav, .s-contact nav.screen-nav, .s-festival nav.screen-nav, .s-programming-and-events nav.screen-nav { display: flex; justify-content: center; border: 0; text-align: center; line-height: 1.5; } } /* -------------------------------------------------------------------------- */ /* EXHIBITION VIDEOS ARROW FIX (REMOVES ADDED SPACING TO BOTTOM OF PAGE) */ /* -------------------------------------------------------------------------- */ .s-e1.detail-page #videos .bx-wrapper .bx-controls-direction{ overflow:hidden; } .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 5fb6e97213a8377f7c340a14\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 5fb6e97213a8377f7c340a14\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 5fb6e97213a8377f7c340a14\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 5fb6e97213a8377f7c340a14\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; } }