.container { max-width: 1500px; } .custom-grid .entry { width: 24.2%; margin-right: 1.0666666666667%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 71.625344352617%; background: inherit; } .custom-grid .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .custom-grid-films-items .entry { width: 27.533333333333%; margin-right: 8.7%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-films-items .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-films-items .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-films-items .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-interviews-items .entry { width: 19.333333333333%; margin-right: 0.83333333333334%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-interviews-items .entry:nth-child(5n+5) { margin-right: 0; } .custom-grid-interviews-items .entry .placeholder { padding-top: 68.965517241379%; background: inherit; } .custom-grid-interviews-items .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .detail-page .custom-grid-interviews-items .entry { width: 24.2%; margin-right: 1.0666666666667%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-interviews-items .entry:nth-child(4n+4) { margin-right: 0; } .detail-page .custom-grid-interviews-items .entry .placeholder { padding-top: 71.625344352617%; background: inherit; } .detail-page .custom-grid-interviews-items .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .custom-grid-lessons .entry { width: 32.666666666667%; margin-right: 1%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-lessons .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-lessons .entry .placeholder { padding-top: 87.755102040816%; background: inherit; } .custom-grid-lessons .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .custom-grid-films .entry { width: 31.066666666667%; margin-right: 3.4%; margin-bottom: 70px; display: inline-block; vertical-align: top; } .custom-grid-films .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-films .entry .placeholder { padding-top: 148.28326180258%; background: inherit; } .custom-grid-films .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .custom-grid-film8-lessons .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-film8-lessons .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-film8-lessons .entry .placeholder { padding-top: 75%; background: inherit; } .custom-grid-film8-lessons .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .custom-grid-educator-resources .entry { width: 49.466666666667%; margin-right: 1.0666666666667%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-educator-resources .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-educator-resources .entry .placeholder { padding-top: 70.754716981132%; background: inherit; } .custom-grid-educator-resources .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .custom-grid-photo-archive1 .entry { width: 32.666666666667%; margin-right: 1%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-photo-archive1 .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-photo-archive1 .entry .placeholder { padding-top: 87.755102040816%; background: inherit; } .custom-grid-photo-archive1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .custom-grid-special-collections .entry { width: 24.2%; margin-right: 1.0666666666667%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-special-collections .entry:nth-child(4n+4) { margin-right: 0; } .custom-grid-special-collections .entry .placeholder { padding-top: 84.022038567493%; background: inherit; } .custom-grid-special-collections .entry .placeholder .image img { max-height: 86.885245901639%; max-width: 88.980716253444%; padding: 5.5096418732782%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .detail-page .custom-grid-wisdom-exchange .entry { width: 32.666666666667%; margin-right: 1%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-wisdom-exchange .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-wisdom-exchange .entry .placeholder { padding-top: 65.30612244898%; background: inherit; } .detail-page .custom-grid-wisdom-exchange .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .custom-grid-wisdom-exchange1 .entry { width: 32.666666666667%; margin-right: 1%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-wisdom-exchange1 .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-wisdom-exchange1 .entry .placeholder { padding-top: 85.714285714286%; background: inherit; } .custom-grid-wisdom-exchange1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .custom-grid-podcast-items .entry { width: 32.666666666667%; margin-right: 1%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-podcast-items .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-podcast-items .entry .placeholder { padding-top: 75.30612244898%; background: inherit; } .custom-grid-podcast-items .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .custom-grid-collections .entry { width: 31.066666666667%; margin-right: 3.4%; margin-bottom: 70px; display: inline-block; vertical-align: top; } .custom-grid-collections .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-collections .entry .placeholder { padding-top: 148.28326180258%; background: inherit; } .custom-grid-collections .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: 32.266666666667%; margin-right: 1.6%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid .entry:nth-child(4n+4){ margin-right: 1.6%; } .custom-grid .entry:nth-child(3n+3){ margin-right: 1.6%; } .custom-grid .entry:nth-child(1n+1){ margin-right: 1.6%; } .custom-grid .entry:nth-child(1n+1){ margin-right: 1.6%; } .custom-grid .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid .entry .placeholder { padding-top: 71.625344352617%; background: inherit; } .custom-grid .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .custom-grid-films-items .entry { width: 27.533333333333%; margin-right: 8.7%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-films-items .entry:nth-child(3n+3){ margin-right: 8.7%; } .custom-grid-films-items .entry:nth-child(3n+3){ margin-right: 8.7%; } .custom-grid-films-items .entry:nth-child(2n+2){ margin-right: 8.7%; } .custom-grid-films-items .entry:nth-child(1n+1){ margin-right: 8.7%; } .custom-grid-films-items .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-films-items .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-films-items .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-interviews-items .entry { width: 32.222222222222%; margin-right: 1.6666666666667%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-interviews-items .entry:nth-child(5n+5){ margin-right: 1.6666666666667%; } .custom-grid-interviews-items .entry:nth-child(3n+3){ margin-right: 1.6666666666667%; } .custom-grid-interviews-items .entry:nth-child(2n+2){ margin-right: 1.6666666666667%; } .custom-grid-interviews-items .entry:nth-child(1n+1){ margin-right: 1.6666666666667%; } .custom-grid-interviews-items .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-interviews-items .entry .placeholder { padding-top: 68.965517241379%; background: inherit; } .custom-grid-interviews-items .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .detail-page .custom-grid-interviews-items .entry { width: 32.266666666667%; margin-right: 1.6%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-interviews-items .entry:nth-child(4n+4){ margin-right: 1.6%; } .detail-page .custom-grid-interviews-items .entry:nth-child(3n+3){ margin-right: 1.6%; } .detail-page .custom-grid-interviews-items .entry:nth-child(1n+1){ margin-right: 1.6%; } .detail-page .custom-grid-interviews-items .entry:nth-child(1n+1){ margin-right: 1.6%; } .detail-page .custom-grid-interviews-items .entry:nth-child(3n+3) { margin-right: 0; } .detail-page .custom-grid-interviews-items .entry .placeholder { padding-top: 71.625344352617%; background: inherit; } .detail-page .custom-grid-interviews-items .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .custom-grid-lessons .entry { width: 49%; margin-right: 2%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-lessons .entry:nth-child(3n+3){ margin-right: 2%; } .custom-grid-lessons .entry:nth-child(2n+2){ margin-right: 2%; } .custom-grid-lessons .entry:nth-child(1n+1){ margin-right: 2%; } .custom-grid-lessons .entry:nth-child(1n+1){ margin-right: 2%; } .custom-grid-lessons .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-lessons .entry .placeholder { padding-top: 87.755102040816%; background: inherit; } .custom-grid-lessons .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .custom-grid-films .entry { width: 46.6%; margin-right: 6.8%; margin-bottom: 70px; display: inline-block; vertical-align: top; } .custom-grid-films .entry:nth-child(3n+3){ margin-right: 6.8%; } .custom-grid-films .entry:nth-child(2n+2){ margin-right: 6.8%; } .custom-grid-films .entry:nth-child(1n+1){ margin-right: 6.8%; } .custom-grid-films .entry:nth-child(1n+1){ margin-right: 6.8%; } .custom-grid-films .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-films .entry .placeholder { padding-top: 148.28326180258%; background: inherit; } .custom-grid-films .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-film8-lessons .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-film8-lessons .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-film8-lessons .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-film8-lessons .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-film8-lessons .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-film8-lessons .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-film8-lessons .entry .placeholder { padding-top: 75%; background: inherit; } .custom-grid-film8-lessons .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .custom-grid-educator-resources .entry { width: 49.466666666667%; margin-right: 1.0666666666667%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-educator-resources .entry:nth-child(2n+2){ margin-right: 1.0666666666667%; } .custom-grid-educator-resources .entry:nth-child(2n+2){ margin-right: 1.0666666666667%; } .custom-grid-educator-resources .entry:nth-child(1n+1){ margin-right: 1.0666666666667%; } .custom-grid-educator-resources .entry:nth-child(1n+1){ margin-right: 1.0666666666667%; } .custom-grid-educator-resources .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-educator-resources .entry .placeholder { padding-top: 70.754716981132%; background: inherit; } .custom-grid-educator-resources .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .custom-grid-photo-archive1 .entry { width: 49%; margin-right: 2%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-photo-archive1 .entry:nth-child(3n+3){ margin-right: 2%; } .custom-grid-photo-archive1 .entry:nth-child(2n+2){ margin-right: 2%; } .custom-grid-photo-archive1 .entry:nth-child(1n+1){ margin-right: 2%; } .custom-grid-photo-archive1 .entry:nth-child(1n+1){ margin-right: 2%; } .custom-grid-photo-archive1 .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-photo-archive1 .entry .placeholder { padding-top: 87.755102040816%; background: inherit; } .custom-grid-photo-archive1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .custom-grid-special-collections .entry { width: 32.266666666667%; margin-right: 1.6%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-special-collections .entry:nth-child(4n+4){ margin-right: 1.6%; } .custom-grid-special-collections .entry:nth-child(3n+3){ margin-right: 1.6%; } .custom-grid-special-collections .entry:nth-child(1n+1){ margin-right: 1.6%; } .custom-grid-special-collections .entry:nth-child(1n+1){ margin-right: 1.6%; } .custom-grid-special-collections .entry:nth-child(3n+3) { margin-right: 0; } .custom-grid-special-collections .entry .placeholder { padding-top: 84.022038567493%; background: inherit; } .custom-grid-special-collections .entry .placeholder .image img { max-height: 86.885245901639%; max-width: 88.980716253444%; padding: 5.5096418732782%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .detail-page .custom-grid-wisdom-exchange .entry { width: 49%; margin-right: 2%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-wisdom-exchange .entry:nth-child(3n+3){ margin-right: 2%; } .detail-page .custom-grid-wisdom-exchange .entry:nth-child(2n+2){ margin-right: 2%; } .detail-page .custom-grid-wisdom-exchange .entry:nth-child(1n+1){ margin-right: 2%; } .detail-page .custom-grid-wisdom-exchange .entry:nth-child(1n+1){ margin-right: 2%; } .detail-page .custom-grid-wisdom-exchange .entry:nth-child(2n+2) { margin-right: 0; } .detail-page .custom-grid-wisdom-exchange .entry .placeholder { padding-top: 65.30612244898%; background: inherit; } .detail-page .custom-grid-wisdom-exchange .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .custom-grid-wisdom-exchange1 .entry { width: 49%; margin-right: 2%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-wisdom-exchange1 .entry:nth-child(3n+3){ margin-right: 2%; } .custom-grid-wisdom-exchange1 .entry:nth-child(2n+2){ margin-right: 2%; } .custom-grid-wisdom-exchange1 .entry:nth-child(1n+1){ margin-right: 2%; } .custom-grid-wisdom-exchange1 .entry:nth-child(1n+1){ margin-right: 2%; } .custom-grid-wisdom-exchange1 .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-wisdom-exchange1 .entry .placeholder { padding-top: 85.714285714286%; background: inherit; } .custom-grid-wisdom-exchange1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .custom-grid-podcast-items .entry { width: 49%; margin-right: 2%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-podcast-items .entry:nth-child(3n+3){ margin-right: 2%; } .custom-grid-podcast-items .entry:nth-child(2n+2){ margin-right: 2%; } .custom-grid-podcast-items .entry:nth-child(1n+1){ margin-right: 2%; } .custom-grid-podcast-items .entry:nth-child(1n+1){ margin-right: 2%; } .custom-grid-podcast-items .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-podcast-items .entry .placeholder { padding-top: 75.30612244898%; background: inherit; } .custom-grid-podcast-items .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 768px) { .custom-grid-collections .entry { width: 46.6%; margin-right: 6.8%; margin-bottom: 70px; display: inline-block; vertical-align: top; } .custom-grid-collections .entry:nth-child(3n+3){ margin-right: 6.8%; } .custom-grid-collections .entry:nth-child(2n+2){ margin-right: 6.8%; } .custom-grid-collections .entry:nth-child(1n+1){ margin-right: 6.8%; } .custom-grid-collections .entry:nth-child(1n+1){ margin-right: 6.8%; } .custom-grid-collections .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-collections .entry .placeholder { padding-top: 148.28326180258%; background: inherit; } .custom-grid-collections .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: 50px; 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: 71.625344352617%; background: inherit; } .custom-grid .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid-films-items .entry { width: 41.3%; margin-right: 17.4%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-films-items .entry:nth-child(3n+3){ margin-right: 17.4%; } .custom-grid-films-items .entry:nth-child(3n+3){ margin-right: 17.4%; } .custom-grid-films-items .entry:nth-child(2n+2){ margin-right: 17.4%; } .custom-grid-films-items .entry:nth-child(1n+1){ margin-right: 17.4%; } .custom-grid-films-items .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-films-items .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-films-items .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-interviews-items .entry { width: 48.333333333333%; margin-right: 3.3333333333333%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-interviews-items .entry:nth-child(5n+5){ margin-right: 3.3333333333333%; } .custom-grid-interviews-items .entry:nth-child(3n+3){ margin-right: 3.3333333333333%; } .custom-grid-interviews-items .entry:nth-child(2n+2){ margin-right: 3.3333333333333%; } .custom-grid-interviews-items .entry:nth-child(1n+1){ margin-right: 3.3333333333333%; } .custom-grid-interviews-items .entry:nth-child(2n+2) { margin-right: 0; } .custom-grid-interviews-items .entry .placeholder { padding-top: 68.965517241379%; background: inherit; } .custom-grid-interviews-items .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .detail-page .custom-grid-interviews-items .entry { width: 100%; margin-right: 0%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-interviews-items .entry:nth-child(4n+4){ margin-right: 0%; } .detail-page .custom-grid-interviews-items .entry:nth-child(3n+3){ margin-right: 0%; } .detail-page .custom-grid-interviews-items .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-interviews-items .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-interviews-items .entry:nth-child(1n+1) { margin-right: 0; } .detail-page .custom-grid-interviews-items .entry .placeholder { padding-top: 71.625344352617%; background: inherit; } .detail-page .custom-grid-interviews-items .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid-lessons .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-lessons .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-lessons .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-lessons .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-lessons .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-lessons .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-lessons .entry .placeholder { padding-top: 87.755102040816%; background: inherit; } .custom-grid-lessons .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid-films .entry { width: 100%; margin-right: 0%; margin-bottom: 70px; display: inline-block; vertical-align: top; } .custom-grid-films .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-films .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-films .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-films .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-films .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-films .entry .placeholder { padding-top: 148.28326180258%; background: inherit; } .custom-grid-films .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-film8-lessons .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-film8-lessons .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-film8-lessons .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-film8-lessons .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-film8-lessons .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-film8-lessons .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-film8-lessons .entry .placeholder { padding-top: 75%; background: inherit; } .custom-grid-film8-lessons .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid-educator-resources .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-educator-resources .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-educator-resources .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-educator-resources .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-educator-resources .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-educator-resources .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-educator-resources .entry .placeholder { padding-top: 70.754716981132%; background: inherit; } .custom-grid-educator-resources .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid-photo-archive1 .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-photo-archive1 .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-photo-archive1 .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-photo-archive1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-photo-archive1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-photo-archive1 .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-photo-archive1 .entry .placeholder { padding-top: 87.755102040816%; background: inherit; } .custom-grid-photo-archive1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid-special-collections .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-special-collections .entry:nth-child(4n+4){ margin-right: 0%; } .custom-grid-special-collections .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-special-collections .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-special-collections .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-special-collections .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-special-collections .entry .placeholder { padding-top: 84.022038567493%; background: inherit; } .custom-grid-special-collections .entry .placeholder .image img { max-height: 86.885245901639%; max-width: 88.980716253444%; padding: 5.5096418732782%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .detail-page .custom-grid-wisdom-exchange .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-wisdom-exchange .entry:nth-child(3n+3){ margin-right: 0%; } .detail-page .custom-grid-wisdom-exchange .entry:nth-child(2n+2){ margin-right: 0%; } .detail-page .custom-grid-wisdom-exchange .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-wisdom-exchange .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-wisdom-exchange .entry:nth-child(1n+1) { margin-right: 0; } .detail-page .custom-grid-wisdom-exchange .entry .placeholder { padding-top: 65.30612244898%; background: inherit; } .detail-page .custom-grid-wisdom-exchange .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid-wisdom-exchange1 .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-wisdom-exchange1 .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-wisdom-exchange1 .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-wisdom-exchange1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-wisdom-exchange1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-wisdom-exchange1 .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-wisdom-exchange1 .entry .placeholder { padding-top: 85.714285714286%; background: inherit; } .custom-grid-wisdom-exchange1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid-podcast-items .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-podcast-items .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-podcast-items .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-podcast-items .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-podcast-items .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-podcast-items .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-podcast-items .entry .placeholder { padding-top: 75.30612244898%; background: inherit; } .custom-grid-podcast-items .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 600px) { .custom-grid-collections .entry { width: 100%; margin-right: 0%; margin-bottom: 70px; display: inline-block; vertical-align: top; } .custom-grid-collections .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-collections .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-collections .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-collections .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-collections .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-collections .entry .placeholder { padding-top: 148.28326180258%; background: inherit; } .custom-grid-collections .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: 50px; 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: 71.625344352617%; background: inherit; } .custom-grid .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid-films-items .entry { width: 100%; margin-right: 0%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-films-items .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-films-items .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-films-items .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-films-items .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-films-items .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-films-items .entry .placeholder { padding-top: 100%; background: inherit; } .custom-grid-films-items .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-interviews-items .entry { width: 100%; margin-right: 0%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .custom-grid-interviews-items .entry:nth-child(5n+5){ margin-right: 0%; } .custom-grid-interviews-items .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-interviews-items .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-interviews-items .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-interviews-items .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-interviews-items .entry .placeholder { padding-top: 68.965517241379%; background: inherit; } .custom-grid-interviews-items .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .detail-page .custom-grid-interviews-items .entry { width: 100%; margin-right: 0%; margin-bottom: 40px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-interviews-items .entry:nth-child(4n+4){ margin-right: 0%; } .detail-page .custom-grid-interviews-items .entry:nth-child(3n+3){ margin-right: 0%; } .detail-page .custom-grid-interviews-items .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-interviews-items .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-interviews-items .entry:nth-child(1n+1) { margin-right: 0; } .detail-page .custom-grid-interviews-items .entry .placeholder { padding-top: 71.625344352617%; background: inherit; } .detail-page .custom-grid-interviews-items .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid-lessons .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-lessons .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-lessons .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-lessons .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-lessons .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-lessons .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-lessons .entry .placeholder { padding-top: 87.755102040816%; background: inherit; } .custom-grid-lessons .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid-films .entry { width: 100%; margin-right: 0%; margin-bottom: 70px; display: inline-block; vertical-align: top; } .custom-grid-films .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-films .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-films .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-films .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-films .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-films .entry .placeholder { padding-top: 148.28326180258%; background: inherit; } .custom-grid-films .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-film8-lessons .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-film8-lessons .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-film8-lessons .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-film8-lessons .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-film8-lessons .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-film8-lessons .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-film8-lessons .entry .placeholder { padding-top: 75%; background: inherit; } .custom-grid-film8-lessons .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid-educator-resources .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-educator-resources .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-educator-resources .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-educator-resources .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-educator-resources .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-educator-resources .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-educator-resources .entry .placeholder { padding-top: 70.754716981132%; background: inherit; } .custom-grid-educator-resources .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid-photo-archive1 .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-photo-archive1 .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-photo-archive1 .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-photo-archive1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-photo-archive1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-photo-archive1 .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-photo-archive1 .entry .placeholder { padding-top: 87.755102040816%; background: inherit; } .custom-grid-photo-archive1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid-special-collections .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-special-collections .entry:nth-child(4n+4){ margin-right: 0%; } .custom-grid-special-collections .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-special-collections .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-special-collections .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-special-collections .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-special-collections .entry .placeholder { padding-top: 84.022038567493%; background: inherit; } .custom-grid-special-collections .entry .placeholder .image img { max-height: 86.885245901639%; max-width: 88.980716253444%; padding: 5.5096418732782%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .detail-page .custom-grid-wisdom-exchange .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .detail-page .custom-grid-wisdom-exchange .entry:nth-child(3n+3){ margin-right: 0%; } .detail-page .custom-grid-wisdom-exchange .entry:nth-child(2n+2){ margin-right: 0%; } .detail-page .custom-grid-wisdom-exchange .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-wisdom-exchange .entry:nth-child(1n+1){ margin-right: 0%; } .detail-page .custom-grid-wisdom-exchange .entry:nth-child(1n+1) { margin-right: 0; } .detail-page .custom-grid-wisdom-exchange .entry .placeholder { padding-top: 65.30612244898%; background: inherit; } .detail-page .custom-grid-wisdom-exchange .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid-wisdom-exchange1 .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-wisdom-exchange1 .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-wisdom-exchange1 .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-wisdom-exchange1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-wisdom-exchange1 .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-wisdom-exchange1 .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-wisdom-exchange1 .entry .placeholder { padding-top: 85.714285714286%; background: inherit; } .custom-grid-wisdom-exchange1 .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid-podcast-items .entry { width: 100%; margin-right: 0%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .custom-grid-podcast-items .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-podcast-items .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-podcast-items .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-podcast-items .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-podcast-items .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-podcast-items .entry .placeholder { padding-top: 75.30612244898%; background: inherit; } .custom-grid-podcast-items .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } @media all and (max-width: 400px) { .custom-grid-collections .entry { width: 100%; margin-right: 0%; margin-bottom: 70px; display: inline-block; vertical-align: top; } .custom-grid-collections .entry:nth-child(3n+3){ margin-right: 0%; } .custom-grid-collections .entry:nth-child(2n+2){ margin-right: 0%; } .custom-grid-collections .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-collections .entry:nth-child(1n+1){ margin-right: 0%; } .custom-grid-collections .entry:nth-child(1n+1) { margin-right: 0; } .custom-grid-collections .entry .placeholder { padding-top: 148.28326180258%; background: inherit; } .custom-grid-collections .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } } /* -------------------------------------------------------------------------- */ /* BOX-GRID */ /* -------------------------------------------------------------------------- */ section[id^="wrapper-box-grid"] .entry .links{ display:none; } section[id^="wrapper-box-grid"] .ee-custom-detail{ display:block; text-align:center; padding-top:5px; padding-bottom:15px; margin-bottom:25px; border-bottom:1px solid #000000; font-size:9px; line-height:1; text-transform:uppercase; } /* -------------------------------------- */ /* BOX-GRID-A */ /* -------------------------------------- */ #wrapper-box-grid-a .entry .image img{ filter:none; transition:none; } #wrapper-box-grid-a .entry:hover .image img{ transform:none; transition:none; } #wrapper-box-grid-a{ padding-bottom:100px; } #screen-box-grid-a header{ display:none; } #screen-box-grid-a .entry > *:not(.placeholder){ display:none; } #screen-box-grid-a .entry .placeholder { padding-top: 100%; background: inherit; } #screen-box-grid-a .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } #screen-box-grid-a .grid{ padding-bottom:0; } /* --- */ #screen-box-grid-a .entry { width: 14.615384615385%; margin-right: 6.7307692307692%; padding-right:0; padding-bottom:10px; } #screen-box-grid-a .entry:nth-child(5n+5) { margin-right: 0; } @media all and (max-width: 768px) { #screen-box-grid-a .entry { width: 24.358974358974%; margin-right: 13.461538461538%; } #screen-box-grid-a .entry:nth-child(5n+5){ margin-right: 13.461538461538%; } #screen-box-grid-a .entry:nth-child(3n+3){ margin-right: 13.461538461538%; } #screen-box-grid-a .entry:nth-child(2n+2){ margin-right: 13.461538461538%; } #screen-box-grid-a .entry:nth-child(3n+3) { margin-right: 0; } } /* --- */ @media all and (max-width: 600px) { #screen-box-grid-a .entry { width: 36.538461538462%; margin-right: 26.923076923077%; } #screen-box-grid-a .entry:nth-child(5n+5){ margin-right: 26.923076923077%; } #screen-box-grid-a .entry:nth-child(3n+3){ margin-right: 26.923076923077%; } #screen-box-grid-a .entry:nth-child(2n+2){ margin-right: 26.923076923077%; } #screen-box-grid-a .entry:nth-child(2n+2) { margin-right: 0; } } /* -------------------------------------------------------------------------- */ /* DONORS - SUPPORTERS */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* DONATE */ /* -------------------------------------------------------------------------- */ .s-donors.detail-page header.section-header.divider { border-bottom: none; padding-bottom: 0; margin-bottom: 30px; justify-content: center; } .s-donors.detail-page header.section-header.divider h1 { font-size: 30px; color: #666; font-weight: 500; letter-spacing: -1px; } .s-donors #wrapper-info .content{ max-width:900px; margin:0 auto; padding-bottom:0; } .s-donors #wrapper-additional-info .content{ max-width:900px; margin:0 auto; } /* -------------------------------------------------------------------------- */ /*CONSTANT CONTACT MAILING LIST FORM*/ /*.ctct-popup-form {*/ /* display: none;*/ /*}*/ /*div.ctct-form-embed div.ctct-form-defaults {*/ /* border-radius: 0;*/ /* padding: 0 !important;*/ /*}*/ /*div#gdpr_text {*/ /* display: none;*/ /*}*/ /*p.ctct-form-footer {*/ /* display: none;*/ /*}*/ /*div.ctct-form-embed form.ctct-form-custom label.ctct-form-label {*/ /* display: none !important;*/ /* font-family: 'Sentinel' !important;*/ /* font-size: 14px !important;*/ /* margin-bottom: 0px !important;*/ /* font-weight: inherit !important;*/ /*}*/ /*div.ctct-form-embed form.ctct-form-custom input.ctct-form-element {*/ /* font-family: 'Sentinel' !important;*/ /* font-size: 14px !important;*/ /* padding: 0 !important;*/ /* box-shadow: none !important;*/ /* border-radius: 0 !important;*/ /* height: 35px !important;*/ /* border: none !important;*/ /* border-bottom: 1px #ccc solid !important;*/ /*}*/ /*button.ctct-form-button {*/ /* margin: auto !important;*/ /* background: none !important;*/ /* color: #666 !important;*/ /* font-family: 'Sentinel' !important;*/ /* font-size: 16px !important;*/ /* padding: 10px 30px !important;*/ /* height: 40px !important;*/ /* border: 1px solid #ccc !important;*/ /* border-radius: 0px !important;*/ /* width: 45% !important;*/ /*}*/ /*div.ctct-form-embed div.ctct-form-defaults div.ctct-form-success {*/ /* text-align: center;*/ /* padding-top: 20px;*/ /*}*/ /*div.ctct-form-embed div.ctct-form-defaults h2.ctct-form-header,*/ /*div.ctct-form-embed div.ctct-form-defaults p.ctct-form-text{*/ /* font-family: 'Sentinel' !important;*/ /* font-size: 12px !important;*/ /* font-weight: 400 !important;*/ /* letter-spacing: 0.5px !important;*/ /* color: #666 !important;*/ /*}*/ /* ---------------------------------------- */ /* HOME ALERT-BOX SLIDE */ .s-home section#wrapper-alert-box { position: fixed; bottom: 40px; right: 0; width:100%; max-width: 300px; box-sizing:border-box; color: #000; background-color: #fff; z-index: 59; /*margin-right:40px;*/ } @media all and (max-width:600px) { .s-home section#wrapper-alert-box { max-width: 280px; } } .s-home #wrapper-alert-box #screen-alert-box{ padding:35px 25px 35px 25px; } .s-home #wrapper-alert-box .container{ padding: 0 0; } .s-home #wrapper-alert-box h1{ font-size: 20px; color: #000; font-weight: 500; letter-spacing: -0.6px; line-height: 1.2; padding-bottom: 10px; } .footer-col1 h1{ font-size: 30px; color: #666; font-weight: 500; letter-spacing: -1px; line-height: 1.2; padding-bottom: 10px; } .s-home #wrapper-alert-box p, .footer-col1 p{ font-size:12px; padding-bottom: 10px; } form#subForm label { font-size: 12px; color: #666; } form#subForm fieldset { border: none; margin: 0; padding: 20px 0 0px 0; } form#subForm fieldset div { line-height: 1.3; padding: 10px 0; } form#subForm input[type=checkbox], form#subForm input[type=radio] { margin: 0 10px 0 0; } #wrapper-alert-box input#fieldName, #wrapper-alert-box input#fieldjhgduu, #wrapper-alert-box input#fieldjhghll, #wrapper-alert-box form input[type=email], #wrapper-alert-box form input[type=password], #wrapper-alert-box form input[type=text], #wrapper-alert-box form select, #wrapper-alert-box form textarea { display: block; /*border: 1px solid #ccc;*/ /*font-size: 13px;*/ /*padding: 10px;*/ /*height: 37px;*/ /*background: #fff;*/ /*margin-bottom: 15px;*/ /* margin-top: 5px;*/ /* width: -webkit-fill-available;*/ /*-moz-box-sizing: border-box;*/ /*-webkit-box-sizing: border-box;*/ /*box-sizing: border-box;*/ border-bottom: 1px solid #ccc !important; border: none; display: inline-block; font-size: 12px; background: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0px; padding: 5px 0 0 0; height: 40px; margin: 0 0px 5px 0; /*width: calc((100% - 240px) / 2);*/ width: -webkit-fill-available !important; } form#subForm button { padding: 10px 30px 8px 30px; background: #fff; /*border: none;*/ border-radius: 0px; font-size: 17px; letter-spacing: -0.6px; font-weight: 300; margin-top: 10px; } form#subForm button:hover{ background: #000000; color:#ffffff; } .s-home section#wrapper-alert-box a.ee-close{ position: absolute; right: 10px; top: 10px; font-size: 30px; line-height: 1; cursor: pointer; color: #757575!important; /*font-family: Arial;*/ } .s-home section#wrapper-alert-box a.ee-close:hover{ color: #000!important; } /*animation*/ .s-home section#wrapper-alert-box{ animation-name: alert-box-b; animation-duration: 1.2s; animation-delay: 1.2s; animation-fill-mode: backwards; } @keyframes alert-box-b { from { right: -300px; opacity: 0; } to { right: 0; opacity: 1; } } .s-home .footer-col1 { display: none; } @media all and (max-height:580px){ .s-home section#wrapper-alert-box{ display:none; } } /* -------------------------------------------------------------------------- */ /*STICKY SIDE BAR WORKAROUND SEE JS*/ .s-interviewees1 .home .categories-left.screen-nav{ will-change: min-height; } .inner-wrapper-sticky{ transform: translate3d(0, 0, 0); will-change: position, transform; } .s-interviewees1 .home .categories-left.screen-nav a{ white-space:normal; } @media (max-width: 768px) { .inner-wrapper-sticky{ position:relative!important; top:unset!important; left:unset!important; bottom:unset!important; transform: unset!important; will-change: auto !important; } } /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* GLOBAL CSS */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* FONTS */ /* -------------------------------------------------------------------------- */ @import url("https://cdn.fonts.net/t/1.css?apiType=css&projectid=efcf1e05-abdb-4e11-8fad-16c1fc5dc3e3"); /* -------------------------------------- */ /* NEUE HELVETICA */ /* -------------------------------------- */ /* 100 - THIN (HAIRLINE) */ /* -------------------------------------- */ /* 200 - EXTRA LIGHT (ULTRA LIGHT) */ /* -------------------------------------- */ /* 300 - LIGHT */ @font-face { font-family: "NeueHelvetica"; font-style: normal; font-stretch: normal; font-display: swap; font-weight: 300; src: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/65946ce4179a0efae9038462/NeueHelvetica45Light_normal_normal.woff2') format('woff2'), url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/65946ce4179a0efae9038462/NeueHelvetica45Light_normal_normal.woff') format('woff'); } @font-face { font-family: "NeueHelvetica"; font-style: italic; font-stretch: normal; font-display: swap; font-weight: 300; src: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/65946ce4179a0efae9038462/NeueHelvetica46LightItalic_italic_normal.woff2') format('woff2'), url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/65946ce4179a0efae9038462/NeueHelvetica46LightItalic_italic_normal.woff') format('woff'); } /* -------------------------------------- */ /* 400 - NORMAL */ @font-face { font-family: "NeueHelvetica"; font-style: normal; font-stretch: normal; font-display: swap; font-weight: 400; src: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/65946ce4179a0efae9038462/NeueHelvetica55Roman_normal_normal.woff2') format('woff2'), url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/65946ce4179a0efae9038462/NeueHelvetica55Roman_normal_normal.woff') format('woff'); } @font-face { font-family: "NeueHelvetica"; font-style: italic; font-stretch: normal; font-display: swap; font-weight: 400; src: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/65946ce4179a0efae9038462/NeueHelvetica56Italic_italic_normal.woff2') format('woff2'), url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/65946ce4179a0efae9038462/NeueHelvetica56Italic_italic_normal.woff') format('woff'); } /* -------------------------------------- */ /* 500 - MEDIUM */ @font-face { font-family: "NeueHelvetica"; font-style: normal; font-stretch: normal; font-display: swap; font-weight: 500; src: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/65946ce4179a0efae9038462/NeueHelvetica65Medium_normal_normal.woff2') format('woff2'), url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/65946ce4179a0efae9038462/NeueHelvetica65Medium_normal_normal.woff') format('woff'); } @font-face { font-family: "NeueHelvetica"; font-style: italic; font-stretch: normal; font-display: swap; font-weight: 500; src: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/65946ce4179a0efae9038462/NeueHelvetica66MediumItalic_italic_normal.woff2') format('woff2'), url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/65946ce4179a0efae9038462/NeueHelvetica66MediumItalic_italic_normal.woff') format('woff'); } b, strong { font-weight: 500; } /* -------------------------------------- */ /* 600 - SEMIBOLD (DEMIBOLD) */ /* -------------------------------------- */ /* 700 - BOLD (EXTENTED) */ /* -------------------------------------- */ /* 800 - EXTRA BOLD (ULTRA BOLD) */ /* -------------------------------------- */ /* 900 - BLACK (HEAVY) */ /* -------------------------------------- */ /* 950 / 1000 - EXTRA BLACK (ULTRA BLACK) */ /* -------------------------------------- */ /* -------------------------------------- */ /* SENTINEL */ /* -------------------------------------- */ /* 100 - THIN (HAIRLINE) */ /* -------------------------------------- */ /* 200 - EXTRA LIGHT (ULTRA LIGHT) */ /* -------------------------------------- */ /* 300 - LIGHT */ @font-face{ font-family:"Sentinel"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/65946ce4179a0efae9038462/Sentinel-Light.otf"); font-weight: 300; font-style: normal; } @font-face{ font-family:"Sentinel"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/65946ce4179a0efae9038462/Sentinel-LightItalic.otf"); font-weight: 300; font-style: italic; } /* -------------------------------------- */ /* 400 - NORMAL (REGULAR) */ @font-face{ font-family:"Sentinel"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/65946ce4179a0efae9038462/Sentinel-Book.otf"); font-weight: 400; font-style: normal; } @font-face{ font-family:"Sentinel"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/65946ce4179a0efae9038462/Sentinel-BookItalic.otf"); font-weight: 400; font-style: italic; } /* -------------------------------------- */ /* 500 - MEDIUM */ @font-face{ font-family:"Sentinel"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/65946ce4179a0efae9038462/Sentinel-Medium.otf"); font-weight: 500; font-style: normal; } @font-face{ font-family:"Sentinel"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/65946ce4179a0efae9038462/Sentinel-MediumItalic.otf"); font-weight: 500; font-style: italic; } /* -------------------------------------- */ /* 600 - SEMIBOLD (DEMIBOLD) */ @font-face{ font-family:"Sentinel"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/65946ce4179a0efae9038462/Sentinel-Semibold.otf"); font-weight: 600; font-style: normal; } @font-face{ font-family:"Sentinel"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/65946ce4179a0efae9038462/Sentinel-SemiboldItalic.otf"); font-weight: 600; font-style: italic; } /* -------------------------------------- */ /* 700 - BOLD */ @font-face{ font-family:"Sentinel"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/65946ce4179a0efae9038462/Sentinel-Bold.otf"); font-weight: 700; font-style: normal; } @font-face{ font-family:"Sentinel"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/65946ce4179a0efae9038462/Sentinel-BoldItalic.otf"); font-weight: 700; font-style: italic; } /* -------------------------------------- */ /* 800 - EXTRA BOLD (ULTRA BOLD) */ /* -------------------------------------- */ /* 900 - BLACK (HEAVY) */ @font-face{ font-family:"Sentinel"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/65946ce4179a0efae9038462/Sentinel-Black.otf"); font-weight: 900; font-style: normal; } @font-face{ font-family:"Sentinel"; src:url("https://s3.amazonaws.com/files.collageplatform.com.prod/application/65946ce4179a0efae9038462/Sentinel-BlackItalic.otf"); font-weight: 900; font-style: italic; } /* -------------------------------------- */ /* 950 / 1000 - EXTRA BLACK (ULTRA BLACK) */ /* -------------------------------------- */ HTML,body{ font-size: 16px; font-family: "NeueHelvetica"; font-weight: 400; line-height:1.5; letter-spacing:0; background: #ffffff; color: #000000; } .paragraph-styling p{ font-size: 16px; letter-spacing: 0px; line-height: 2; margin-bottom:1em; } /* -------------------------------------- */ /* HOVER STATES */ /* -------------------------------------- */ a{color:#000000;} a:hover{color:rgba(0,0,0,.6);} a:hover h1, a:hover .title{ color:#000000 !important;} a:hover h2, a:hover h3, a:hover .subtitle, a:hover .date{ color:rgba(0,0,0,.6) !important;} /* -------------------------------------- */ /* ENTRY HOVER ANIMATIONS */ /* -------------------------------------- */ .entry .image{ overflow:hidden; } .entry .image img{ filter:brightness(97%); transition:transform .7s; } .entry:hover .image img{ transform:scale(1.05); transition:transform .7s; } #large .entry:hover .image img{ transform:scale(1.02); transition:transform .7s; } #viewing-room-grid .entry:hover .image img{ transform:scale(1.02); transition:transform .7s; } .squared .thumbnail-container .thumbnail-square { transition:transform .7s; } .squared .thumbnail-container .thumbnail-square:hover { transform:scale(1.03); transition:transform .7s; } .s-interviews.detail-page #screen-grid-1 .slide:hover figure { transform:scale(1.02); transition:transform .7s; } /* -------------------------------------- */ /* SELECTION COLOR */ /* -------------------------------------- */ /*::selection {color:#ffffff;background:#000000;}*/ /*::-moz-selection {color:#ffffff;background:#000000;}*/ /* -------------------------------------- */ /* REMOVE EXTRANEOUS SPACING */ /* -------------------------------------- */ .exhibitions.home .headers, .exhibitions.home .medium .headers, .exhibitions.home .small .headers{padding-top: 0;} .image img{display:block;} .inquireBox img {display:block;} .grid {line-height:unset;} /* -------------------------------------- */ /* SPACE BELOW ALL THUMBNAILS */ /* -------------------------------------- */ .placeholder, .thumb{ margin-bottom:10px !important; } /* -------------------------------------- */ /* RESET H1 H2 H3 H4 TITLE SUB DATE */ /* -------------------------------------- */ h1, h2, h3, h4, .title, .subtitle, .date, .exhibitions h1, .exhibitions .medium h1, .news .list h1, .news h1, .news h2, .news h3, .press .title, .item-header h1, header h1, .news-thumbs.fixed-font .titles, .news-thumbs.fixed-font .title, .news-thumbs.fixed-font .entry .subtitle, .press.home .press-thumbs.fixed-font .titles, .press.home .press-thumbs.fixed-font .title, .entries.fixed-font .titles, .entries.fixed-font .title, .entries.fixed-font .date, .entries.fixed-font .subtitle, .fixed-font .entries .date { font-size:inherit; line-height:inherit; text-transform:initial; letter-spacing:inherit; color:#000000; padding:0 0 0 0; /*DO NOT CHANGE - MOBILE WILL OVEWRITE*/ margin: 0 0 0 0; } /* -------------------------------------- */ /* RESET LINKS A LINE-HEIGHTS */ /* -------------------------------------- */ .links a, .links a:last-of-type { line-height:inherit; } header a.back-link.back { font-size: 14px; color: #666; } /* -------------------------------------- */ /* CAPTIONS */ /* -------------------------------------- */ figcaption h1, figcaption h2, figcaption p, .slide figcaption, .slide figcaption p, .slide figcaption p.image-title, .caption .description, .caption h1, .caption h2, .caption h3, .caption-snippet p, .caption p, .image .caption p { font-size: 14px; color: #000; /*letter-spacing: 0.5px;*/ line-height: inherit; margin-top:0; margin-bottom:0; } .text-one-column-with-image.banner-image .caption, .caption { margin-top:10px; } /* -------------------------------------- */ /* SUMMARY */ /* -------------------------------------- */ .summary{ margin-top:1em; } /* --------------------------------------------------------- */ /* 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('about:blank') 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: inherit !important; } /*view all link spacing styling*/ .filter-items .association-filter {margin-right: 20px;} .filter-clear{ white-space: nowrap; /*EDIT FONT STYLING*/ font-size: inherit !important; } /* --------------------------------------------------------- */ /* INQUIRE */ /* --------------------------------------------------------- */ .inquireBox .header{ display:none; } .container.inquireWrapper{ max-width:1080px; } .inquireBox .left{ margin-top:.5em; } .inquireBox label{ font-size:12px; } .inquireBox .submit{ border:1px solid #000000; padding: 5px 15px 5px 15px; margin-top:7px; display:inline-block; line-height:1.5; color: #000000; } .inquireBox .submit:hover{; color: #ffffff; background-color: #000000; } /* -------------------------------------------------------------------------- */ /* CONTENT-A (MODULAR & TIS) */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* SPACE BETWEEN */ /* -------------------------------------- */ section[id*='content-a'] .text-one-column-with-image { padding-bottom: 50px; } section[id*='content-a'] .text-one-column-with-image.large-image .image + .text > .container :first-child, section[id*='content-a'] .text-one-column-with-image.banner-image .image + .text > .container :first-child{ margin-top: 80px; } /* -------------------------------------- */ /* MAX WIDTHS */ /* -------------------------------------- */ section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image) .container{ max-width:1180px; } section[id*='content-a'] .text-one-column-with-image.no-image .text .container, section[id*='content-a'] .text-one-column-with-image.large-image .image + .text .container, section[id*='content-a'] .text-one-column-with-image.banner-image .image + .text .container{ max-width:655px; } /*section[id*='content-a'] .text-one-column-with-image.no-image .text .container p {*/ /* max-width: 655px;*/ /*}*/ /*section[id*='content-a'] .text-one-column-with-image.no-image .text .container .ee-editor-quote p {*/ /* max-width: 930px;*/ /*}*/ /* -------------------------------------- */ /* TEXT TO IMAGE OFFSET */ /* -------------------------------------- */ section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image) .image{ margin-top:.4em; } /* -------------------------------------- */ section[id*='content-a'] .text-one-column-with-image .text > .container :last-child{ /*border:1px solid #ff0000;*/ margin-bottom:0; } section[id*='content-a'] .text-one-column-with-image.no-image .text{ float:none; width:100%; padding-left: 0; padding-right: 0; } section[id*='content-a'] .text-one-column-with-image.banner-image .text, section[id*='content-a'] .text-one-column-with-image.large-image .text, section[id*='content-a'] .text-one-column-with-image .text{ padding-bottom:0; } section[id*='content-a'] .text-one-column-with-image.banner-image .image + .text, section[id*='content-a'] .text-one-column-with-image.large-image .image + .text { margin-top:0; } section[id*='content-a'] .text-one-column-with-image.image-on-right .image{ text-align:left; } section[id*='content-a'] .text-one-column-with-image.banner-image figure { min-height: 100vh; pointer-events:none } @media only screen and (orientation: portrait) { section[id*='content-a'] .text-one-column-with-image.banner-image figure { min-height: 80vw; } } section[id*='content-a'] .text-one-column-with-image.banner-image .image .caption, section[id*='content-a'] .text-one-column-with-image.large-image .image .caption{ text-align:center; max-width: 400px; margin-left: auto; margin-right: auto; } section[id*='content-a'] .text-one-column-with-image.large-image .image img{ margin-left: auto; margin-right: auto; /*max-height:100vh;*/ } section[id*='content-a'] .text-one-column-with-image.banner-image .text .container{ padding:0 20px; } /* -------------------------------------- */ /* CENTER CAPTIONS AND IMAGES */ section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image{ text-align:center; } section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image img{ margin-left: auto; margin-right: auto; } /* -------------------------------------- */ /*STICKY*/ section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text{ position:sticky; top:20px; } @media (max-width: 768px) { section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image, section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text{ position:relative; top:0; } } /* -------------------------------------- */ /* FLEX ALIGNMENT */ section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) > .container{ display:flex; align-items: flex-start; } section[id*='content-a'] .text-one-column-with-image.image-on-right:not(.large-image):not(.banner-image):not(.no-image) > .container{ flex-direction: row-reverse; } section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text{ align-self: center; float:none; } section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image{ float:none; } /* -------------------------------------- */ /* LEFT RIGHT RATIO */ section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .text { /*width: 53%;*/ width: 50%; box-sizing:border-box; } section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image { /*width: 42%;*/ width: 50%; box-sizing:border-box; } section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image + .text { padding-left:4%; padding-right:0; box-sizing:border-box; } section[id*='content-a'] .text-one-column-with-image.image-on-right:not(.large-image):not(.banner-image):not(.no-image) .text { padding-right:4%; padding-left:0; box-sizing:border-box; } @media (max-width: 768px) { section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) > .container{ display:block; } section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image{ margin-bottom:80px; } section[id*='content-a'] .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) .image img{ margin-left:auto; margin-right:auto; } } /* -------------------------------------- */ /* WITH SLIDESHOW (TIS) */ section[id*='content-a'] [data-slideshow-view] .container{ /*max-width:100%;*/ max-width: 1500px; } section[id*='content-a'] [data-slideshow-view] ~ div{ display:none; } section[id*='content-a'] [data-slideshow-view]{ margin-bottom:0; } /*section[id*='content-a'] [data-slideshow-view] .slideshow-headline h1{*/ /* visibility:hidden;*/ /*}*/ /* -------------------------------------------------------------------------- */ /* 2-UP FIXES */ /* -------------------------------------------------------------------------- */ .text-image-wrapper.two-up{ box-sizing:border-box; } /*.two-up-wrapper.container{*/ /* padding: 0 10px;*/ /* max-width:100%;*/ /*}*/ .text-image-wrapper.two-up:first-child { padding: 0 5px 0 0; } .text-image-wrapper.two-up:nth-child(2) { padding: 0 0 0 5px; } @media all and (max-width:620px) { .two-up-wrapper.container{ display:block; } .text-image-wrapper.two-up{ width:100%; } .text-image-wrapper.two-up:first-child { padding:0 0 0 0 } .text-image-wrapper.two-up:nth-child(2) { padding:0 0 0 0 } } /*hide 2-up slideshow headers*/ .two-up-wrapper .slideshow-headline{ display:none; } /* -------------------------------------------------------------------------- */ /* SWIPER FIXES */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* SWIPER FLASHING FIX ON SAFARI */ /*.slideshow-container .swiper-slide {*/ /* -webkit-backface-visibility: hidden;*/ /* -webkit-transform: translate3d(0, 0, 0);*/ /*}*/ /* -------------------------------------- */ /* ASPECT RATIO WRAPPER FIX */ /* make container 4:3(75%) minus arrow padding (45*2 = 90px) */ section .position-guard-container .swiper-container.slideshow .slide-content-container{ padding-top:calc(75% - 90px); } /* subtract 70px for nested slide container */ section .position-guard-container .swiper-container.slideshow .nested-slide .slide-content-container{ padding-top:calc(75% - 90px - 70px); } /* browser is 4:3 and wider */ @media (min-aspect-ratio: 4/3){ /* make container make height of viewport minus set amount (100px or any) */ section .position-guard-container .swiper-container.slideshow .slide-content-container{ padding-top:calc(100vh - 200px); } /* subtract 70px for nested slide container */ section .position-guard-container .swiper-container.slideshow .nested-slide .slide-content-container{ padding-top:calc(100vh - 100px - 70px); } } /* browser is 1:1 and taller */ @media (max-aspect-ratio: 1/1){ /* make container make height taller for mobile (80% or more) */ section .position-guard-container .swiper-container.slideshow .slide-content-container{ padding-top:80%; } /* subtract 70px for nested slide container */ section .position-guard-container .swiper-container.slideshow .nested-slide .slide-content-container{ padding-top:calc(80% - 70px); } } /* two-up swiper fixes */ .text-image-wrapper.two-up .position-guard-container .swiper-container.slideshow .slide-content-container{ padding-top:80%; } .text-image-wrapper.two-up .position-guard-container .swiper-container.slideshow .nested-slide .slide-content-container{ padding-top:calc(80% - 70px); } section .nested-navigation{ padding-bottom:20px; } .swiper-slide .nested-navigation .nested-thumbnail.active{ border-color:#000000; } /* -------------------------------------- */ /* SWIPER FIX BOTTOM MARGIN */ section .swiper-container.slideshow{ margin-bottom:0; padding-bottom:80px; } .slideshow-overlay .swiper-container.slideshow { margin-bottom:0} .slideshow-overlay .swiper-container{ padding-bottom:0;} /* -------------------------------------- */ /* SWIPER FIX THUMBNAIL CONVERT TO FLEX TO PROPERLY ALIGN */ /*.thumbnails-tab.squared .thumbnails-all*/ .thumbnails-tab.squared .thumbnails-all{ display:flex; flex-wrap:wrap; } .thumbnails-tab.squared.hidden{ display:none; } /*.squared[data-width] .thumbnail-container {*/ /* width: calc((100% - .9%) / 2);*/ /*}*/ /*@media screen and (min-width: 767px) and (max-width: 1024px) {*/ /* .squared[data-width] .thumbnail-container {*/ /* width: calc((100% - 1.8%) / 3);*/ /* }*/ /*}*/ /*@media screen and (min-width: 1025px) {*/ /* .squared[data-width="3"] .thumbnail-container {*/ /* width: calc((100% - 1.8%) / 3);*/ /* }*/ /*}*/ .squared .thumbnail-container { margin-bottom:6% } /* -------------------------------------- */ /* SWIPER THUMBNAILS SIZING */ .squared .thumbnail-container .thumbnail-square img { max-width: 95%; max-height: 95%; } /* -------------------------------------- */ /* SWIPER IMAGE STETCH */ .squared .thumbnail-container .thumbnail-square img, .slideshow-overlay .swiper-container .swiper-slide img, .swiper-container.slideshow .swiper-slide img { height: 100%; width:100%; object-fit:contain; } /* -------------------------------------- */ /* SWIPER FIX OVERLAY ARROWS */ .slideshow-overlay .swiper-container .swiper-button-prev { left:15px } .slideshow-overlay .swiper-container .swiper-button-next { right:15px } /* -------------------------------------- */ /* SWIPER FIX ICONS */ .slideshow-headline .abs-thumbs a[data-tab-ref='slideshow'], .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails']{ height: 13px; width: 19px; text-indent: 100%; white-space: nowrap; overflow: hidden; padding-right:0; display: inline-block; box-sizing:border-box; box-shadow: inset 0 0 0 1px #b4b4b4; position:relative; } .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails']:before{ content: ''; position: absolute; left: 0px; top: 4px; width: 19px; height: 5px; display: inline-block; box-sizing:border-box; box-shadow: inset 0 0 0 1px #b4b4b4; } .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails']:after{ content: ''; position: absolute; left: 6px; top: 0px; width: 7px; height: 13px; display: inline-block; box-sizing:border-box; box-shadow: inset 0 0 0 1px #b4b4b4; } .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails']:hover, .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails']:hover:before, .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails']:hover:after, .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails'].active, .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails'].active:before, .slideshow-headline .abs-thumbs a[data-tab-ref='thumbnails'].active:after, .slideshow-headline .abs-thumbs a[data-tab-ref='slideshow']:hover, .slideshow-headline .abs-thumbs a[data-tab-ref='slideshow'].active{ box-shadow: inset 0 0 0 1px #000000; } .abs-thumbs { z-index:54; bottom: unset; top: 0px; } /* -------------------------------------- */ /* SWIPER HEADLINE */ .slideshow-headline{ /*border:none;*/ } /* -------------------------------------- */ /* SWIPER CAPTION */ .thumbnail-container .caption-snippet, .thumbnails-tab.thumbnail-counter .thumbnail-container .caption-snippet, .thumbnails-tab.thumbnail-header .thumbnail-container .caption-snippet, .thumbnails-tab.thumbnail-counter.thumbnail-header .thumbnail-container .caption-snippet{ height:auto; } .thumbnail-container .caption-snippet { height:auto; max-width: 400px; margin-left: auto; margin-right: auto; } .swiper-container .swiper-slide-caption { max-width: 400px; margin-left: auto; margin-right: auto; } .thumbnail-container a[data-inquire], .swiper-container .swiper-slide-caption a[data-inquire]{ border:1px solid #000000; padding: 5px 15px; margin-top:15px; display:inline-block; line-height:1.5; color: #000000; } .thumbnail-container a[data-inquire]:hover, .swiper-container .swiper-slide-caption a[data-inquire]:hover{; color: #ffffff; background-color: #000000; } /* vow swiper inquire uses p */ .thumbnail-container a[data-inquire] p, .swiper-container .swiper-slide-caption a[data-inquire] p{ font-size:inherit; line-height: normal; } /* -------------------------------------- */ /* TIS 1 IMAGE SLIDESHOW - REMOVE PADDING IF THERE ARE NO ARROW BUTTONS */ .swiper-button-prev:not([role="button"]) ~ .swiper-wrapper .slide-image-container, .swiper-button-prev:not([role="button"]) ~ .swiper-wrapper .slide-video-container{ padding: 0 0; } /* -------------------------------------- */ /* VIDEO CONTAINER IFRAME HIDE P */ .slide-video-container > iframe + p{ display:none; } /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* CUSTOM CSS */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* MAIN HEADER */ /* -------------------------------------------------------------------------- */ .main-header{ /*keep padding-top 0 when using header embed alert*/ padding-top: 30px; padding-bottom: 30px; margin-bottom: 10px; text-transform: uppercase; text-align: center; } /*.main-header .logo {*/ /* float: none;*/ /* position: relative;*/ /*}*/ .main-header nav, .main-header .logo span{ font-size:inherit; line-height:inherit; } .main-header a{ white-space:nowrap; } body:not(.s-home) .main .menu-group-items{ background-color: #ffffff; padding: 0 15px 5px 15px; margin-left: -15px; } header.main-header.fixed .container { max-width: none; } .main-header nav { /*text-align: left;*/ padding-top: 6px; padding-bottom: 30px; } .main-header nav a{ font-size: 17px; letter-spacing: -0.6px; text-transform: none; margin-left: 20px; font-weight: 300; } /*.main-header nav a[target="_blank"],*/ /*.main-header nav a[href="/donate"]{*/ /* border: 1px #979797 solid;*/ /* padding: 10px 30px 8px 30px!important;*/ /*}*/ .main-header nav a.active { font-weight: 500; } .main-header nav a.active:hover { color:#000000; } .main-header .mobile { text-align:center!important; } .main-header nav.mobile .menu-group-items{ margin-left:0!important; } .mobile-menu-wrapper a:not(.active):hover { color:#000000; } .switch a.active { font-weight: 500; } .switch a.active:hover{ color:#000000; } /* -------------------------------------------------------------------------- */ /* HOME */ /* -------------------------------------------------------------------------- */ /*.s-home.detail-page .main-header .logo {*/ /* float: left;*/ /*}*/ /*.s-home.detail-page a.logo::before {*/ /* position: absolute;*/ /* content: '';*/ /* background-image: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/65946ce4179a0efae9038462/Homepage-logo-black2x-1124.png');*/ /* background-repeat: no-repeat;*/ /* background-size: 562px;*/ /* height: 54px;*/ /* width: 562px;*/ /* z-index: -1;*/ /*}*/ /*.s-home.detail-page a.logo img {*/ /* opacity: 0 !important;*/ /*}*/ .s-home.detail-page .custom-hamburger { position: absolute; cursor: pointer; } .s-home.detail-page #hamburger{ width:40px; } .s-home.detail-page .main-header { /*overflow: hidden;*/ } .s-home section#wrapper-banner-full .bx-viewport{ overflow:unset!important; } /*.s-home.detail-page header.main-header.fixed.main-header-custom {*/ /* display: none;*/ /*}*/ .s-home.detail-page section#wrapper-banner-full { position: relative; margin-bottom: 50px } .s-home.detail-page section#wrapper-banner-full .slide{ z-index: auto !important; } .s-home.detail-page section#wrapper-banner-full .full-width-banner .slide figure { /*padding-top: 100vh;*/ padding-top: 90vh; } .s-home.detail-page section#wrapper-banner-full .slide figcaption { position: absolute; top:53%; left: 50%; transform: translate(-50%, -53%); width: 80%; max-width: 1270px; text-align: center; margin:0 auto; padding:20px; z-index: 51; } .s-home.detail-page section#wrapper-banner-full .bx-controls-direction{ display: none; max-height:unset; } #homefader { pointer-events: none; } /*style hompage text*/ .s-home.detail-page h1.image-title{ font-size: 50px !important; color:#000; padding:0 0 0px 0 !important; margin: 0 0 0 0 !important; line-height:1.3; display:block; /*box-shadow: inset 0 0 0 1px #808080;*/ } .s-home.detail-page h2.image-subtitle { font-size: 50px !important; color:#000; padding:0 0 0px 0 !important; margin: 0 0 0 0 !important; line-height:1.3; display:block; /*box-shadow: inset 0 0 0 1px #808080;*/ } .s-home.detail-page .image-description, .s-home.detail-page .slide figcaption p{ font-size: 45px !important; font-weight: 500; letter-spacing: -1px; color:#000; padding:0px 0 0px 0 !important; margin: 0 0 0 0 !important; line-height:1.3; display:block; /*box-shadow: inset 0 0 0 1px #808080;*/ } /*.s-home.detail-page .slide figcaption p:after {*/ /* content: '';*/ /* display: inline-block;*/ /* position: inherit;*/ /* top: 28px; */ /* margin-left: -30px;*/ /* width: 80px;*/ /* height: 2px !important;*/ /* transform: rotate(-40deg);*/ /* background-color: #EC1C24;*/ /*}*/ @media (max-width: 1275px) { .s-home.detail-page .image-description, .s-home.detail-page .slide figcaption p { font-size: 40px !important; } } @media (max-width: 600px) { .s-home.detail-page .image-description, .s-home.detail-page .slide figcaption p { font-size: 30px !important; } } @media (max-width: 480px) { .s-home.detail-page a.logo::before { background-size: 100% !important; width: 100% !important; } .s-home.detail-page h1.image-title { font-size: 30px !important; } .s-home.detail-page h2.image-subtitle { font-size: 30px !important; } .s-home.detail-page .image-description, .s-home.detail-page .slide figcaption p { font-size: 30px !important; } .s-home #screen-grid-a .entry { width: 100% !important; margin-right: 0 !important; } #wrapper-image-blocks header.section-header.divider { text-align: center; } } @media (max-height: 600px) { .s-home.detail-page section#wrapper-banner-full .full-width-banner .slide figure { padding-top: calc(600px * .9); } .s-home.detail-page .image-description, .s-home.detail-page .slide figcaption p { font-size: 30px !important; } } /* ---------------------------------------- */ /* HOME GRID A */ /*.s-home #screen-grid-a .container.grid.entries.fixed-font {*/ /* max-width: 1600px;*/ /* padding: 0 10px;*/ /*}*/ .s-home #screen-grid-a header{ display:none; } .s-home #screen-grid-a .titles{ font-size: 20px; letter-spacing: -0.6px; font-weight: 500; /*width: 100%;*/ /*text-align: center;*/ /*color: #fff;*/ /*line-height: inherit; */ /*display:block;*/ } /*.s-home #screen-grid-a .entry:hover .titles:after {*/ /* content: '';*/ /* display: inline-block;*/ /* position: inherit;*/ /* top: 28px; */ /* margin-left: -10px;*/ /* width: 40px;*/ /* height: 2px !important;*/ /* transform: rotate(-40deg);*/ /* background-color: #EC1C24;*/ /*}*/ .s-home #screen-grid-a .entry p{ font-size: 14px; color: #666; /*display: none;*/ /*width: 90%;*/ /*margin: 0 auto;*/ /*text-align: center;*/ /*color: #fff;*/ /*line-height: inherit; */ } /*.s-home #screen-grid-a .entry:hover p {*/ /* display: block;*/ /*}*/ .s-home #screen-grid-a .entry p a { display: none; } .s-home #screen-grid-a .entry { width: 32.666666666667%; margin-right: 1%; padding-right: 0; padding-bottom: 0; display: inline-block; vertical-align: top; } .s-home #screen-grid-a .entry:nth-child(3n+3) { margin-right: 0; } /*.s-home #screen-grid-a .entry .placeholder {*/ /* padding-top: 87.755102040816%;*/ /* background: inherit;*/ /*}*/ .s-home #screen-grid-a .entry .placeholder .image img { width: 100%; max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .s-home #screen-grid-a .titles, .s-home #screen-grid-a .paragraph-styling{ pointer-events:none; } /*.s-home #screen-grid-a .entry .placeholder .image {*/ /* background: #000000;*/ /*}*/ /*.s-home #screen-grid-a .entry:hover .placeholder .image img {*/ /* opacity: .4;*/ /*}*/ .s-home #screen-grid-a .grid{ padding-bottom:70px; } @media all and (max-width: 1424px) { .s-home #screen-grid-a .entry p{ font-size: 14px; } } @media (max-width: 840px) { .s-home section#wrapper-grid-a { margin-bottom: 120px; } .s-home #screen-grid-a .titles { line-height: 1; } .s-home #screen-grid-a .entry p { display: block; color: #000; } .s-home #screen-grid-a .paragraph-styling { top: auto !important; transform: inherit !important; } } /* HOME EMBED */ /*.s-home section#wrapper-embed:before {*/ /* content: "Featured Interview";*/ /* font-size: 30px !important;*/ /* letter-spacing: -1px;*/ /* font-weight: 500;*/ /* color: #666;*/ /* text-align: center;*/ /* text-indent: 0;*/ /* display: block;*/ /* line-height: initial;*/ /* margin: 0 40px 30px 40px;*/ /*}*/ .s-home section#wrapper-embed{ /*font-size: 30px;*/ /*letter-spacing: .5px;*/ /*color: #666;*/ text-align: center; } .video-embed-caption { text-align: center; padding-top: 10px; color: #666; } .s-home section#wrapper-embed { margin-bottom: 120px; } /* HOME CONTENT-A */ .s-home section#wrapper-content-a { margin-bottom: 40px; } /* HOME IMAGE BLOCKS */ #wrapper-image-blocks header.section-header.divider { justify-content: center; border-bottom: none; padding-bottom: 0px; margin-bottom: 30px; } #wrapper-image-blocks header.section-header.divider h1 { font-size: 30px; color: #666; font-weight: 500; letter-spacing: -1px; } #wrapper-image-blocks{ padding-bottom:120px; } #wrapper-image-blocks .entries{ padding: 0 15px; display:flex; justify-content: space-between; } #wrapper-image-blocks .entries:after{ content:none; } #wrapper-image-blocks .entries .ee-col-1, #wrapper-image-blocks .entries .ee-col-3{ width: 35.6%; } #wrapper-image-blocks .entries .ee-col-2{ width: 26.43%; } #wrapper-image-blocks .entries .ee-col-1 .ee-row{ padding-bottom:3%; } #wrapper-image-blocks .entries .ee-col-2 .entry:last-of-type{ padding-top:4%; } #wrapper-image-blocks .entries .ee-col-3 .ee-row{ padding-top:3%; } #wrapper-image-blocks .ee-row{ display:flex; justify-content: space-between; } #wrapper-image-blocks .ee-row .entry{ width:48.5%; } #wrapper-image-blocks .entry{ width:100%; padding-right:0; padding-bottom:0; margin-right:0; margin-bottom:0; position:relative; } #wrapper-image-blocks .entry .placeholder{ padding-top:100%; margin-bottom:0!important } #wrapper-image-blocks .entry img{ width:100%; height:100%; object-fit:cover; } #wrapper-image-blocks .entry .ee-text{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events:none } #wrapper-image-blocks .entry .ee-text .titles{ color: #fff; font-size: 30px; letter-spacing: -1px; line-height:1.2; /*display: none;*/ } @media (max-width: 1275px) { #wrapper-image-blocks .entry .ee-text .titles { font-size: 27px; } } .ee-col-2 .entry .ee-text .titles{ color: #fff; font-size: 25px !important; /*display: none;*/ } @media (max-width: 1275px) { .ee-col-2 .entry .ee-text .titles { font-size: 18px !important; } } #wrapper-image-blocks .ee-row .ee-text{ position: absolute; top: 50%; left: 45%; transform: translate(-45%, -50%); } #wrapper-image-blocks .ee-row .ee-text .titles { font-size: 18px !important; } @media (max-width: 1275px) { #wrapper-image-blocks .ee-row .ee-text .titles { font-size: 15px !important; } } #wrapper-image-blocks .entry .ee-text { display: none; } #wrapper-image-blocks .entry:hover .ee-text { display: block; } #wrapper-image-blocks .entry .ee-text .titles .ee-last-word{ position:relative; color:#ffffff; } /*#wrapper-image-blocks .entry .ee-text .titles .ee-last-word:after {*/ /* content: '';*/ /* display: inline-block;*/ /* position: absolute;*/ /* bottom: 0; */ /* margin-left: -10px;*/ /* width: 30px;*/ /* height: 2px !important;*/ /* transform: rotate(-40deg);*/ /* background-color: #EC1C24;*/ /*}*/ #wrapper-image-blocks .entry p:last-of-type{ margin-bottom:0; } @media (max-width: 840px) { #wrapper-image-blocks .entries { display: block; } #wrapper-image-blocks .entries .ee-col-1, #wrapper-image-blocks .entries .ee-col-3 { width: 100%; } #wrapper-image-blocks .entries .ee-col-2 { width: 100%; padding: 3% 0; } #wrapper-image-blocks .ee-row .ee-text .titles { font-size: 27px !important; } } @media (max-width: 480px) { #wrapper-image-blocks .entry .ee-text .titles { font-size: 18px; } #wrapper-image-blocks .ee-row .ee-text .titles { font-size: 11px !important; } } /* HOME FROM THE ARCHIVE */ /*#related-films .container {*/ /* max-width: 1600px;*/ /* padding: 0 10px;*/ /*}*/ header.section-header.divider.custom-grid-films { justify-content: center; border-bottom: none; padding-bottom: 0px; margin-bottom: 30px; } header.section-header.divider.custom-grid-films h1 { font-size: 30px; color: #666; font-weight: 500; letter-spacing: -1px; } .s-home #related-films .titles { display: none; } #related-films { margin-bottom: 70px; } /* HOME BACKGROUND TEXT */ section#wrapper-background-text { padding: 0 15px; } #wrapper-background-text:before { content: "Learning"; font-size: 30px !important; letter-spacing: -1px; color: #666; font-weight: 500; text-align: center; text-indent: 0; display: block; line-height: initial; /* New content takes up original line height */ /*max-width: 1600px;*/ margin: 0 40px 30px 40px; } .text-with-background { margin-bottom: 120px; /*padding-top: 80vh;*/ height: 800px; display: flex; align-items: center; max-width: 1500px; margin-left: auto; margin-right: auto; } #wrapper-background-text .text p { text-align: center; font-size: 40px; font-weight: 400; color:#000000; line-height: 1.3; width: 1080px; } #wrapper-background-text .text p a{ color:#000000; } #wrapper-background-text .text p .ee-editor-invert{ color:#ffffff; } #wrapper-background-text .text p .ee-editor-invert a{ color:#ffffff; } #wrapper-background-text .ee-editor-button { border: 1px #fff solid; margin-left: 30px; } #wrapper-background-text .ee-editor-button:first-of-type { margin-left: 0; } #wrapper-background-text .ee-editor-button a { color: #fff; } /*@media (max-width: 840px) {*/ @media (max-width: 1175px) { #wrapper-background-text .text p { width: auto; } } /* HOME INFO-BOX */ .s-home section#wrapper-info-box { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width:calc(100% - 40px); max-width: 420px; box-sizing:border-box; color:#000000; background-color: #ffffff; z-index: 59; box-shadow: 0px 0px 30px 15px rgba(0,0,0,0.05); } .s-home section#wrapper-info-box .text, .s-home section#wrapper-info-box .image{ opacity:1!important; transition:none!important; transform:none!important; visibility:visible!important; float:none!important; display:block!important; width:100%!important; max-width:100%!important; margin-bottom:0!important; margin-top:0!important; padding:0 0 20px 0!important; } .s-home section#wrapper-info-box .text-one-column-with-image.banner-image figure { min-height: unset; padding-top: 75%; } .s-home section#wrapper-info-box .text-one-column-with-image{ padding-bottom:0 } .s-home #wrapper-info-box #screen-info-box{ padding:30px 35px 10px 35px; } .s-home #wrapper-info-box .container{ padding: 0 0; } .s-home section#wrapper-info-box .caption{ display:none; } .s-home section#wrapper-info-box .text > .container > :last-child{ margin-bottom:0; } .s-home section#wrapper-info-box a.ee-close{ position: absolute; right: 8px; top: 3px; font-size: 20px; line-height: 1; cursor: pointer; color: #808080!important; font-family: Arial; } .s-home section#wrapper-info-box a.ee-close:hover{ color: #000000!important; } .s-home .ee-open-info-box{ cursor: pointer; } .s-home .ee-open-info-box:hover *{ color: #000000!important; } .s-home section#wrapper-info-box label{ display:none; } .s-home section#wrapper-info-box input{ display:block; width:100%; margin-bottom:15px; outline:0!important; } .s-home section#wrapper-info-box button{ margin-top: 35px; margin-left: auto!important; margin-right: auto!important; display: block; } .s-home section#wrapper-info-box button:hover{ color:#ffffff; background-color:#000000; transition:all .3s; } .s-home section#wrapper-info-box input:focus{ border-bottom: 1px solid #000000 !important; } .s-home section#wrapper-info-box p{ margin-bottom:.2em; } /*animation*/ .s-home section#wrapper-info-box{ animation-name: info-box-b; animation-duration: 1.2s; animation-delay: .1s; animation-fill-mode: backwards; } @keyframes info-box-b { from { opacity: 0; } to { opacity: 1; } } .s-home section#wrapper-info-box .sli-form .sli-row .sli-row{ display:block!important; } .s-home section#wrapper-info-box .sli-row .sli-row{ margin:0 } .s-home section#wrapper-info-box .sli-large-4{ width:100%!important; margin-bottom:20px; } .s-home section#wrapper-info-box .sli-column, .s-home section#wrapper-info-box .sli-columns{ padding-left:0; padding-right:0; } /* -------------------------------------------------------------------------- */ /* FILMS */ /* -------------------------------------------------------------------------- */ /* INDEX PAGE */ /*#films-grid .container {*/ /* max-width: 1600px;*/ /* padding: 0 15px;*/ /*}*/ #films-grid { margin-bottom: 50px; } .category.c-featured header.section-header.divider.custom-grid-films { display: none; } header.section-header.divider.custom-grid-films { border-bottom: none; padding-bottom: 0; margin-bottom: 30px; justify-content: center; } header.section-header.divider.custom-grid-films h4 { font-size: 30px; color: #666; font-weight: 500; letter-spacing: -1px; } .s-films section.objects.home .category.c-films .titles{ display: none; } #films-grid .title{ font-size: 20px; letter-spacing: -0.6px; font-weight: 500; line-height: 1.3; } .category.c-featured .entry { width: 1070px !important; margin-left: auto; margin-right: auto; display: flex; } .category.c-featured .placeholder { float: left; width: 48%; padding-top: 691px; } .category.c-featured .titles { width: 48%; /*float: right;*/ height: 691px; vertical-align: middle; display: table-cell; } .category.c-featured .title { font-size: 30px; letter-spacing:-1px; color: #666; padding-bottom: 10px; letter-spacing: -1px; font-weight: 500; } .category.c-featured .subtitle { font-size: 30px; letter-spacing: -1px; font-weight: 500; line-height: 1.2; } .additional-text { font-size: 20px; color: #666; padding-top: 20px; } @media (max-width: 840px) { .category.c-featured .entry { width: auto !important; } .category.c-featured .placeholder { width: 100%; } .category.c-featured .titles { width: 100%; height: auto; padding-top: 20px; } .custom-grid-films .entry .placeholder .image img { position: initial; left: auto; right: auto; } } @media (max-width: 480px) { #films-grid .title { font-size: 20px; } .category.c-featured .subtitle { font-size: 30px; } .category.c-featured .placeholder { padding-top: 148.28326180258%; } header.section-header.divider.custom-grid-films h4 { text-align: center; } } /* DETAIL PAGE */ .s-films.detail-page .page-header .item-header h1{ font-size: 20px; letter-spacing: -0.6px; font-weight: 500; } .s-films.detail-page .page-header .item-header h2, .s-films.detail-page .page-header .item-header h2.subtitle2, .s-films.detail-page .page-header .item-header h3{ font-size: 14px; color: #666; } /* HEADER SCREEN */ section#header{ padding: 0 40px; } section#header .full-width-banner .slide figure{ padding-top: 80vh; pointer-events:none; background-color:#f0f0f0; } section#header figcaption{ position:absolute; top:0; left:0; width:100%; height:100%; max-width:100%; align-items: center; margin:0; display: none; } section#header figcaption > .container{ margin:auto; } section#header h1{ font-size:15px; /*font-weight: 300;*/ /*text-transform:uppercase;*/ line-height: 1; margin-bottom: 10px; } section#header h2{ font-size:60px; font-weight: 500; letter-spacing: -1px; line-height: 1.2; /*width: 60%;*/ margin: 0 auto; } section#header .image-description, section#header .image-description p { font-size: 25px; letter-spacing: -0.6px; font-weight: 300; } @media (max-width: 480px) { section#header { padding: 0 20px; } section#header h2 { font-size: 30px; } section#header .image-description, section#header .image-description p { font-size: 18px; } } /* QUCKINKS */ .s-films.detail-page nav.screen-nav.divider { position: sticky; /*top: 83px;*/ top: 0px; z-index: 9; border-bottom: none; background-color: #f7f7f7; padding: 20px 0; margin-bottom: 100px; box-shadow: 0 2px 40px 0 rgba(170,170,170,0.29); text-align: center; } .quicklinks .back { float: none; display: initial; margin-left: 20px; } .quicklinks a { color: #000; font-size: 17px; font-weight: 300; letter-spacing: -0.6px; margin-right: 20px; } .quicklinks a:hover{ color:rgba(0,0,0,0,.6); } @media (max-width: 840px) { .quicklinks a { margin-right: 25px; } .quicklinks .back { margin-left: 25px; } } @media (max-width: 480px) { .quicklinks a { font-size: 16px; } } @media (max-width: 768px) { .s-films.detail-page nav.screen-nav.divider { padding: 20px; position: inherit; } } section#content-a { padding-bottom: 70px; } /* FILM ARCHIVE EMBED/TRAILER */ /*.s-films.detail-page #embed:before {*/ /* content: "Trailer";*/ /* font-size: 30px !important;*/ /* letter-spacing: -1px;*/ /* color: #666;*/ /* font-weight: 500;*/ /* text-align: center;*/ /* text-indent: 0;*/ /* display: block;*/ /* line-height: initial; */ /*max-width: 1600px;*/ /* margin: 0 40px 30px 40px;*/ /*}*/ .video-embed-caption { text-align: center; padding-top: 10px; color: #666; } .s-films.detail-page #embed { margin-bottom: 120px; } /* FULL FILM EMBED */ .s-films.detail-page #embed1:before { content: "Full Film"; font-size: 30px !important; letter-spacing: -1px; color: #666; font-weight: 500; text-align: center; text-indent: 0; display: block; line-height: initial; /* New content takes up original line height */ /*max-width: 1600px;*/ margin: 0 40px 30px 40px; } .video-embed-caption { text-align: center; padding-top: 10px; color: #666; } .s-films.detail-page #embed1 { margin-bottom: 120px; } /* FULL FILM TEXT SECTION */ section#full-film .text-one-column { padding-bottom: 0px; } section#full-film .content { text-align: center; margin-left: auto; margin-right: auto; padding-bottom: 0; } section#full-film { margin-bottom: 120px; } /* INTERVIEWS */ /*.container.fixed-font.custom-grid-interviews-items {*/ /* padding: 0 15px;*/ /* max-width: none;*/ /*}*/ header.section-header.divider.custom-grid-interviews-items { justify-content: center; border-bottom: none; padding-bottom: 0px; margin-bottom: 30px; } header.section-header.divider.custom-grid-interviews-items h4, header.section-header.divider.custom-grid-interviews-items h1 { font-size: 30px; color: #666; font-weight: 500; letter-spacing: -1px; } div#related-interviews-items { margin-bottom: 80px; } @media(max-width: 480px) { header.section-header.divider.custom-grid-interviews-items { text-align: center; } header.section-header.divider.custom-grid-lessons { text-align: center; } } .s-films.detail-page div#related-interviews-items .subtitle.subtitle2 { display: none; } /* SCREENING GUIDE */ .s-films.detail-page section#content-a1:before { content: "Screening Guide"; font-size: 30px !important; letter-spacing: -1px; color: #666; font-weight: 500; text-align: center; text-indent: 0; display: block; line-height: initial; /* New content takes up original line height */ /*max-width: 1600px;*/ margin: 0 40px 30px 40px; } /* DOWNLOAD PDF */ #screen-download-pdf { margin-bottom: 120px; } #screen-download-pdf .content { text-align: center; margin-left: auto; margin-right: auto; padding-bottom: 0; } #screen-download-pdf .links.in-text { margin-top: 1em; } #screen-download-pdf a.file { display: block; width: fit-content; margin-left: auto; margin-right: auto; } #screen-download-pdf .links.in-text a { font-size: 17px; border: 1px #979797 solid; padding: 10px 30px 8px 30px; color: #000; line-height: 1.5; letter-spacing: -0.6px; font-weight: 300; } /* LINK */ section#link .text-one-column, section#link1 .text-one-column{ padding-bottom: 120px; } section#link .text-one-column .content, section#link1 .text-one-column .content{ text-align: center; margin-left: auto; margin-right: auto; padding-bottom: 0; } /* PHOTOGRAPHS */ #swiper-a .slideshow-headline.divider { border-bottom: none; text-align: center; margin-bottom: 0; padding-bottom: 30px; } #swiper-a .slideshow-headline.divider h1 { font-size: 30px !important; letter-spacing: -1px; color: #666; font-weight: 500; } #swiper-a .abs-thumbs { display: none; } #swiper-a .caption-snippet p { color: #666; } /* -------------------------------------------------------------------------- */ /* COLLECTIONS */ /* -------------------------------------------------------------------------- */ #collections-grid { margin-bottom: 50px; } header.section-header.divider.custom-grid-collections { border-bottom: none; padding-bottom: 0; margin-bottom: 30px; justify-content: center; } header.section-header.divider.custom-grid-collections h4 { font-size: 30px; color: #666; font-weight: 500; letter-spacing: -1px; } .s-collections section.objects.home .category.c-films .titles{ display: none; } #collections-grid .title{ font-size: 20px; letter-spacing: -0.6px; font-weight: 500; line-height: 1.3; } @media (max-width: 840px) { .custom-grid-collections .entry .placeholder .image img { position: initial; left: auto; right: auto; } } @media (max-width: 480px) { #collections-grid .title { font-size: 20px; } header.section-header.divider.custom-grid-collections h4 { text-align: center; } } /* DETAIL PAGE */ .s-collections.detail-page .page-header .item-header h1{ font-size: 20px; letter-spacing: -0.6px; font-weight: 500; } .s-collections.detail-page .page-header .item-header h2, .s-collections.detail-page .page-header .item-header h2.subtitle2, .s-collections.detail-page .page-header .item-header h3{ font-size: 14px; color: #666; } @media (max-width: 768px) { .s-collections.detail-page nav.screen-nav.divider { padding: 20px; position: inherit; } } .s-collections.detail-page #embed { margin-bottom: 120px; } /* FULL FILM EMBED */ .s-collections.detail-page #embed1:before { content: "Full Film"; font-size: 30px !important; letter-spacing: -1px; color: #666; font-weight: 500; text-align: center; text-indent: 0; display: block; line-height: initial; /* New content takes up original line height */ /*max-width: 1600px;*/ margin: 0 40px 30px 40px; } .s-collections.detail-page #embed1 { margin-bottom: 120px; } .s-collections.detail-page div#related-interviews-items .subtitle.subtitle2 { display: none; } /* SCREENING GUIDE */ .s-collections.detail-page section#content-a1:before { content: "Screening Guide"; font-size: 30px !important; letter-spacing: -1px; color: #666; font-weight: 500; text-align: center; text-indent: 0; display: block; line-height: initial; /* New content takes up original line height */ /*max-width: 1600px;*/ margin: 0 40px 30px 40px; } /* -------------------------------------------------------------------------- */ /* INTERVIEW ARCHIVE */ /* -------------------------------------------------------------------------- */ header.section-header.divider.custom-grid-educator-resources { display: none; } .s-interviews.detail-page section.custom_page header.section-header.divider { border-bottom: none; padding-bottom: 0; margin-bottom: 30px; justify-content: center; } .s-interviews.detail-page section.custom_page header.section-header.divider h1 { font-size: 30px; color: #666; font-weight: 500; letter-spacing: -1px; } #wrapper-featured .container { max-width: 1170px; } #wrapper-featured .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) > .container { display: flex; align-items: flex-start; } #wrapper-featured .text-one-column-with-image .image { width: 45%; float: none; text-align: center; box-sizing: border-box; } #wrapper-featured .text-one-column-with-image .text { width: 50%; float: none; align-self: center; box-sizing: border-box; } #wrapper-featured .paragraph-styling p { font-size: 20px; color: #666; line-height: 1.5; margin-bottom: 0; } @media (max-width: 840px) { #wrapper-featured .text-one-column-with-image:not(.large-image):not(.banner-image):not(.no-image) > .container { display: block; } #wrapper-featured .text-one-column-with-image .image { width: 100%; } #wrapper-featured .text-one-column-with-image .text { width: 100%; padding-top: 20px; } #wrapper-featured .text-one-column-with-image .image+.text { padding-left: 0; } } .s-interviews.detail-page section#wrapper-content-a { margin-bottom: 30px; } .s-interviews.detail-page section#wrapper-content-a .ee-editor-quote { margin-bottom: 70px !important; } /*.s-interviews.detail-page section#wrapper-content-a .text-image-wrapper.two-up .caption p{*/ /* width: 100%;*/ /* font-size: 30px;*/ /* font-weight: 400;*/ /* text-align: center;*/ /* color: #fff;*/ /* line-height: inherit; */ /* display:block;*/ /*}*/ /* GRID 1 */ .s-interviews.detail-page #screen-grid-1 { padding: 0 15px; position: relative; margin-bottom: 50px } .s-interviews.detail-page #screen-grid-1 .slide{ z-index: auto !important; } .s-interviews.detail-page #screen-grid-1 .full-width-banner .slide figure { padding-top: 70vh; } .s-interviews.detail-page #screen-grid-1 .slide figcaption { max-width: 730px; } .s-interviews.detail-page #screen-grid-1 .slide figcaption h1{ position: absolute; top: 40%; left: 50%; transform: translate(-50%, -40%); width: 90%; max-width: 100%; text-align: center; margin:0 auto; padding:0px; z-index: 51; font-size: 30px; font-weight: 400; text-align: center; color: #fff; } /*.s-interviews.detail-page #screen-grid-1 .slide:hover figcaption h1.image-title:after {*/ /* content: '';*/ /* display: inline-block;*/ /* position: inherit;*/ /* top: 28px; */ /* margin-left: -10px;*/ /* width: 40px;*/ /* height: 2px !important;*/ /* transform: rotate(-40deg);*/ /* background-color: #EC1C24;*/ /*}*/ .s-interviews.detail-page #screen-grid-1 .image-description { padding-top: 30px; } .s-interviews.detail-page #screen-grid-1 .image-description p { text-align: left; font-size: 16px; /*letter-spacing: 0.5px;*/ margin-bottom: 1em; } .s-interviews.detail-page #screen-grid-1 .bx-controls-direction{ display: none; max-height:unset; } /* GRID C */ /*.s-interviews.detail-page #screen-grid-c .container.grid.entries.fixed-font {*/ /* max-width: 1600px;*/ /* padding: 0 10px;*/ /*}*/ .s-interviews.detail-page #screen-grid-c header{ display:none; } .s-interviews.detail-page #screen-grid-c .entry p{ line-height: inherit; } .s-interviews.detail-page #screen-grid-c .entry p a { display: none; } .s-interviews.detail-page #screen-grid-c .entry{ padding-right:0; padding-bottom:0; } .s-interviews.detail-page #screen-grid-c .entry { width: 100%; margin-right: 0px; margin-bottom: 100px; display: inline-block; vertical-align: top; } .s-interviews.detail-page #screen-grid-c .entry .placeholder { /*padding-top: 52.5%;*/ /*background: inherit;*/ } .s-interviews.detail-page #screen-grid-c .entry .placeholder .image img { /*width: 100%;*/ max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .s-interviews.detail-page #screen-grid-c .grid{ padding-bottom:0; } .s-interviews.detail-page #screen-grid-c .titles{ width: 100%; font-size: 30px; letter-spacing: -1px; font-weight: 400; text-align: center; color: #fff; line-height: inherit; display:block; } /*.s-interviews.detail-page #screen-grid-c .entry:hover .titles:after {*/ /* content: '';*/ /* display: inline-block;*/ /* position: inherit;*/ /* top: 28px; */ /* margin-left: -10px;*/ /* width: 40px;*/ /* height: 2px !important;*/ /* transform: rotate(-40deg);*/ /* background-color: #EC1C24;*/ /*}*/ .s-interviews.detail-page #screen-grid-c .paragraph-styling { max-width: 50%; margin-left: auto; margin-right: auto; padding-top: 30px; } .s-interviews.detail-page #screen-grid-c .paragraph-styling .ee-editor-button { padding-top: 10px !important; display: block; width: fit-content; } @media (max-width: 480px) { .s-interviews.detail-page #screen-grid-c .entry { width: 100%; } } /* GRID B */ /*.s-interviews.detail-page #screen-grid-b .container.grid.entries.fixed-font {*/ /* max-width: 1600px;*/ /* padding: 0 10px;*/ /*}*/ .s-interviews.detail-page #screen-grid-b header{ display:none; } .s-interviews.detail-page #screen-grid-b .titles{ width: 100%; font-size: 30px; letter-spacing: -1px; font-weight: 400; text-align: center; color: #fff; line-height: inherit; display:block; } /*.s-interviews.detail-page #screen-grid-b .entry:hover .titles:after {*/ /* content: '';*/ /* display: inline-block;*/ /* position: inherit;*/ /* top: 28px; */ /* margin-left: -10px;*/ /* width: 40px;*/ /* height: 2px !important;*/ /* transform: rotate(-40deg);*/ /* background-color: #EC1C24;*/ /*}*/ .s-interviews.detail-page #screen-grid-b .entry p{ line-height: inherit; } .s-interviews.detail-page #screen-grid-b .entry p:last-of-type a:not(.ee-editor-button) { display: none; } .s-interviews.detail-page #screen-grid-b .entry{ padding-right:0; padding-bottom:0; } .s-interviews.detail-page #screen-grid-b .entry { width: 49%; margin-right: 15px; margin-bottom: 100px; display: inline-block; vertical-align: top; } .s-interviews.detail-page #screen-grid-b .entry:nth-child(2n+2) { margin-right: 0; } .s-interviews.detail-page #screen-grid-b .entry .placeholder { padding-top: 75%; background: inherit; } .s-interviews.detail-page #screen-grid-b .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: auto; right: auto; bottom: 0; left: 0; } .s-interviews.detail-page #screen-grid-b .grid{ padding-bottom:0; } .s-interviews.detail-page #screen-grid-b .paragraph-styling { max-width: 90%; margin-left: auto; margin-right: auto; padding-top: 30px; } .s-interviews.detail-page #screen-grid-b .paragraph-styling .ee-editor-button { padding-top: 10px !important; display: block; width: fit-content; } @media (max-width: 480px) { .s-interviews.detail-page #screen-grid-b .entry { width: 100%; } } .s-interviews.detail-page #screen-grid-b .titles{ pointer-events:none; } /* ASSOCIATED INTERVIEWS */ .s-interviews.detail-page div#related-interviews-items { margin-bottom: 0; } /* TOPICS GRID A */ /*.s-interviews.detail-page #screen-grid-a .container.grid.entries.fixed-font {*/ /* max-width: 1600px;*/ /* padding: 0 10px;*/ /*}*/ .s-interviews.detail-page #screen-grid-a header{ border-bottom: none; padding-bottom: 0; margin-bottom: 30px; justify-content: center; } .s-interviews.detail-page #screen-grid-a header h1 { font-size: 30px; color: #666; font-weight: 500; letter-spacing: -1px; } .s-interviews.detail-page #screen-grid-a .entry .ee-text { display: none; pointer-events:none } .s-interviews.detail-page #screen-grid-a .entry:hover .ee-text { display: block; } .s-interviews.detail-page #screen-grid-a .entry .ee-text .titles .ee-last-word{ position:relative; color:#ffffff; } /*.s-interviews.detail-page #screen-grid-a .entry .ee-text .titles .ee-last-word:after {*/ /* content: '';*/ /* display: inline-block;*/ /* position: absolute;*/ /* bottom: 0; */ /* margin-left: -10px;*/ /* width: 40px;*/ /* height: 2px !important;*/ /* transform: rotate(-40deg);*/ /* background-color: #EC1C24;*/ /* top: 28px;*/ /*}*/ .s-interviews.detail-page #screen-grid-a .titles{ width: 90%; font-size: 30px; letter-spacing: -1px; font-weight: 400; text-align: center; color: #fff; line-height: inherit; display:block; } /*.s-interviews.detail-page #screen-grid-a .entry:hover .titles:after {*/ /* content: '';*/ /* display: inline-block;*/ /* position: inherit;*/ /* top: 28px; */ /* margin-left: -10px;*/ /* width: 40px;*/ /* height: 2px !important;*/ /* transform: rotate(-40deg);*/ /* background-color: #EC1C24;*/ /*}*/ .s-interviews.detail-page #screen-grid-a .entry p{ display: none; } .s-interviews.detail-page #screen-grid-a .grid .entry { padding-bottom: 30px; } .s-interviews.detail-page #screen-grid-a .entry { padding-right: 0; width: 24.2%; margin-right: 1.0666666666667%; display: inline-block; vertical-align: top; } .s-interviews.detail-page #screen-grid-a .entry:nth-child(4n+4) { margin-right: 0; } /*.s-interviews.detail-page #screen-grid-a .entry .placeholder {*/ /* padding-top: 84.022038567493%;*/ /* background: inherit;*/ /*}*/ .s-interviews.detail-page #screen-grid-a .entry .placeholder .image img { width: 100%; max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } /*.s-interviews.detail-page #screen-grid-a .entry .placeholder .image {*/ /* background: #000000;*/ /*}*/ /*.s-interviews.detail-page #screen-grid-a .entry:hover .placeholder .image img {*/ /* opacity: .4;*/ /*}*/ .s-interviews.detail-page #screen-grid-a .grid{ padding-bottom:0; } @media (max-width: 840px) { .s-interviews.detail-page #screen-grid-a .entry { width: 49%; margin-right: 0; } .s-interviews.detail-page #screen-grid-a .entry:nth-child(odd) { padding-right: 2%; } } @media (max-width: 480px) { .s-interviews.detail-page #screen-grid-a .entry { width: 100%; margin-right: 0; } .s-interviews.detail-page #screen-grid-a .entry:nth-child(odd) { padding-right: 0; } .s-interviews.detail-page #screen-grid-a .entry .placeholder { padding-top: 75.022039%; } .s-interviews.detail-page #screen-grid-a .entry .placeholder .image img { margin: 0; } } /* ASSOCIATED FILMS */ .s-interviews.detail-page .custom-grid-films .entry { margin-bottom: 40px; } .s-interviews.detail-page #related-films { margin-bottom: 0px; } .s-interviews.detail-page #films-grid { margin-bottom: 0; } /* LINK */ section#wrapper-link .text-one-column, section#wrapper-link1 .text-one-column, section#wrapper-link2 .text-one-column{ padding-bottom: 120px; } #wrapper-link .text-one-column .content, #wrapper-link1 .text-one-column .content, #wrapper-link2 .text-one-column .content{ text-align: center; margin-left: auto; margin-right: auto; padding-bottom: 0; } /* -------------------------------------------------------------------------- */ /* INTERVIEWS */ /* -------------------------------------------------------------------------- */ /* INDEX PAGE */ .container.grid-left-categories { /*padding: 0 15px;*/ } .s-interviews-items div#interviews-items-grid .container { padding: 0; } .s-interviews-items section.artists.home.objects-view header.section-header.divider { border-bottom: none; padding-bottom: 0; margin-bottom: 30px; justify-content: center; } .s-interviews-items section.artists.home.objects-view header.section-header.divider h1 { font-size: 30px; color: #666; font-weight: 500; letter-spacing: -1px; } .s-interviews-items section.artists.home.objects-view { margin-bottom: 80px; } @media(max-width: 480px) { header.section-header .item-header, header.section-header h4 { text-align: center; } } .s-interviews-items .categories-left a { padding-bottom: 5px; } .s-interviews-items nav.switch:before { content: "Topics"; font-size: 20px; margin-bottom: 10px !important; font-weight: 500; letter-spacing:-0.6px; display: block; } .s-interviews-items nav.switch.switch-custom-2:before { content: "Films"; font-size: 20px; margin-bottom: 10px !important; font-weight: 500; letter-spacing:-0.6px; display: block; } /*.s-interviews-items .categories-left a.active:after {*/ /* content: '';*/ /* display: inline-block;*/ /* top: 28px; */ /* margin-left: -10px;*/ /* width: 30px;*/ /* height: 2px !important;*/ /* transform: rotate(-40deg);*/ /* background-color: #EC1C24;*/ /*}*/ /*nav.switch.switch-custom-2 a:last-of-type {*/ /* visibility:hidden;*/ /*}*/ /*@media (max-width: 768px) {*/ /* nav.switch.switch-custom-2 a:last-of-type {*/ /* visibility:inherit;*/ /* }*/ /*}*/ @media (max-width: 600px) { .categories-left, .grid-left-categories, .grid-left-categories .categories-left { width: inherit; } } @media (max-width: 480px) { .dropdown, .dropdown-root { max-width: 90%; display: inherit; } .dropdown-root .divider a, .dropdown-root .divider a:last-of-type { margin: 0 !important; } } #interviews-items-grid .title{ font-size: 20px; letter-spacing: -0.6px; font-weight: 500; line-height: 1; padding-bottom: 5px; } #interviews-items-grid .subtitle:not(.subtitle2){ font-size:14px; color: #666; /*line-height:inherit;*/ } #interviews-items-grid .subtitle2, #interviews-items-grid .date{ font-size:14px; color: #666; /*line-height:inherit;*/ } @media (max-width: 840px) { .s-interviews-items .custom-grid-interviews-items .entry { width: 32%; margin-right: 2%; } .s-interviews-items .custom-grid-interviews-items .entry:nth-child(3n+3) { margin-right: 0 !important; } .s-interviews-items .custom-grid-interviews-items .entry:nth-child(5n+5) { margin-right: 2%; } .s-interviews-items .categories-left a { padding-bottom: 10px; } .s-interviews-items .screen-nav a { line-height: 1.5; white-space: inherit; } } @media (max-width: 768px) { .grid-left-categories .categories-left { width: 100%; } .grid-left-categories .grid-container { width: 100%; } } @media (max-width: 480px) { .s-interviews-items .custom-grid-interviews-items .entry { width: 48%; margin-right:0; } .s-interviews-items .custom-grid-interviews-items .entry:nth-child(odd) { margin-right: 2% !important; } .s-interviews-items .custom-grid-interviews-items .entry:nth-child(3n+3) { margin-right: 0; } .s-interviews-items .custom-grid-interviews-items .entry:nth-child(5n+5) { margin-right: 0; } } /* DETAIL PAGE */ .s-interviews-items.detail-page .page-header .item-header h1{ font-size:20px; letter-spacing: -0.6px; font-weight: 500; /*line-height:inherit;*/ } .s-interviews-items.detail-page .page-header .item-header h2:not(.subtitle2){ font-size:14px; color: #666; /*line-height:inherit;*/ } .s-interviews-items.detail-page .page-header .item-header h2.subtitle2, .s-interviews-items.detail-page .page-header .item-header h3{ font-size:14px; color: #666; /*line-height:inherit; */ } .s-interviews-items.detail-page a.back-link.back { font-size: 14px; color: #666; } .s-interviews-items.detail-page a.back-link.back:hover { opacity:.6; } .s-interviews-items.detail-page section#video { margin-bottom: 40px; } header.section-header.with-links.divider.grouped-associations-header { justify-content: center; border-bottom: none; padding-bottom: 0; margin-bottom: 30px; } header.section-header.with-links.divider.grouped-associations-header h4 { font-size: 30px; color: #666; font-weight: 500; letter-spacing: -1px; } header.section-header.with-links.divider.grouped-associations-header .links { display: none; } @media (max-width: 480px) { .s-interviews-items.detail-page .section-header .links { width: 100%; justify-content: center; padding-top: 20px; } } /* RELATED CONTENT */ /*.grouped.associations .container {*/ /* padding: 0 15px;*/ /* max-width: 1600px;*/ /*}*/ /*.s-interviews-items.detail-page .grouped.associations .custom-grid .entry .placeholder .image img {*/ /* margin-left: 0;*/ /*}*/ .s-interviews-items.detail-page .grouped.associations .custom-grid .entry .placeholder { background: #ccc; } .s-interviews-items.detail-page .grouped.associations .custom-grid .entry a[href*="/films"] .placeholder .image img { /*margin-left: 0;*/ max-height: 90%; width: 100%; height: 100%; object-fit: contain; } .s-interviews-items.detail-page .grouped.associations { text-align: center; } .s-interviews-items.detail-page .grouped.associations .titles{ text-align: left; } .s-interviews-items.detail-page .grouped.associations .entry:last-of-type { margin-right: 0; } /* 4up*/ /*.grouped.associations .entry {*/ /* padding-right:0;*/ /* padding-bottom:0;*/ /* width: 24%;*/ /* margin-right: 10px;*/ /* margin-bottom: 40px;*/ /* display: inline-block;*/ /* vertical-align: top;*/ /*}*/ /*.grouped.associations .entry:nth-child(4n+4) {*/ /* margin-right: 0;*/ /*} */ /* 3up*/ .grouped.associations .entry { width: 32.666666666667%; margin-right: 1%; margin-bottom: 50px; display: inline-block; vertical-align: top; } .grouped.associations .entry:nth-child(3n+3) { margin-right: 0; } .grouped.associations .entry .placeholder { padding-top: 85.714285714286%; background: inherit; } .grouped.associations .entry .placeholder .image img { max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } @media all and (max-width: 768px) { .grouped.associations .entry { width: 48.4375%; margin-right: 0; margin-bottom: 120px; display: inline-block; vertical-align: top; } .grouped.associations .entry:nth-child(odd){ margin-right: 3.125%; } } @media all and (max-width: 480px) { .grouped.associations .entry { width: 100%; margin-right: 0; margin-bottom: 40px; display: inline-block; vertical-align: top; } .grouped.associations .entry:nth-child(odd){ margin-right: 0; } } /* -------------------------------------------------------------------------- */ /* INTERVIEWEES */ /* -------------------------------------------------------------------------- */ /* INDEX PAGE */ /*.s-interviewees1 .main-header a:nth-child(2) {*/ /* font-weight: 500;*/ /*}*/ /*.container.grid-left-categories {*/ /* padding: 0 15px;*/ /*}*/ /*.s-interviewees1 #interviewees1-grid .container {*/ /* padding: 0;*/ /*}*/ .s-interviewees1 section.artists.home.objects-view header.section-header.divider { border-bottom: none; padding-bottom: 0; margin-bottom: 30px; justify-content: center; } .s-interviewees1 section.artists.home.objects-view header.section-header.divider h1 { font-size: 30px; color: #666; font-weight: 500; letter-spacing: -1px; } .s-interviewees1 section.artists.home.objects-view { margin-bottom: 80px; } .s-interviewees1 .categories-left a { padding-bottom: 5px; margin-right:40px; } .s-interviewees1 nav.switch:before { content: "Topics"; font-size: 20px; margin-bottom: 10px !important; font-weight: 500; letter-spacing:-0.6px; display: block; } .s-interviewees1 nav.switch.switch-custom-2:before { content: "Films & Series"; font-size: 20px; margin-bottom: 10px !important; font-weight: 500; letter-spacing:-0.6px; display: block; } /*.s-interviewees1 nav.switch.switch-custom-2:last-of-type {*/ /* display:none;*/ /*}*/ /*.s-interviewees1 nav.switch.switch-custom-2:nth-of-type(3) {*/ /* display: none;*/ /*}*/ /*.s-interviewees1 .categories-left a.active:after {*/ /* content: '';*/ /* display: inline-block;*/ /* top: 28px; */ /* margin-left: -10px;*/ /* width: 30px;*/ /* height: 2px !important;*/ /* transform: rotate(-40deg);*/ /* background-color: #EC1C24;*/ /*}*/ #interviewees1-grid .title{ font-size:20px; letter-spacing: -0.6px; font-weight: 500; line-height: 1; padding-bottom: 5px; } #interviewees1-grid .subtitle:not(.subtitle2){ font-size:14px; color: #666; /*line-height:inherit;*/ } #interviewees1-grid .subtitle2, #interviewees1-grid .date{ font-size:14px; color: #666; /*line-height:inherit;*/ } .s-interviewees1 .home .categories-left.screen-nav a{ white-space:normal; } /*.s-interviewees1 .home .categories-left.screen-nav{*/ /* position:sticky;*/ /* top:20px;*/ /* max-height:calc(100vh - 20px);*/ /* padding-bottom:40px;*/ /* overflow-y: scroll;*/ /* box-sizing:border-box;*/ /*}*/ @media (max-width: 768px) { .s-interviewees1 .home .categories-left.screen-nav { position:relative; top:unset; max-height:unset; /*padding-bottom:initial;*/ overflow-y: unset; } } /* DETAIL PAGE */ .s-interviewees1.detail-page section[id*='content-a'] [data-slideshow-view] .container:first-of-type { display: none; } .s-interviewees1.detail-page .item-header h1 { font-size: 20px; letter-spacing: -0.6px; font-weight: 500; } .s-interviewees1.detail-page .item-header h2 { font-size: 14px; color: #666; } .s-interviewees1.detail-page a.back-link.back { font-size: 14px; color: #666; } .s-interviewees1.detail-page a.back-link.back:hover { opacity:.6; } .s-interviewees1.detail-page section#header figcaption > .container { margin: auto auto 40px auto; } /* QUCKINKS */ .s-interviewees1.detail-page nav.screen-nav.divider { position: sticky; /*top: 83px;*/ top: 0px; z-index: 9; border-bottom: none; background-color: #f7f7f7; padding: 20px 0; margin-bottom: 100px; box-shadow: 0 2px 40px 0 rgba(170,170,170,0.29); text-align: center; } .s-interviewees1.detail-page section#content-a .slideshow-container .slideshow-headline { display: none; } .s-interviewees1.detail-page section#content-a { margin-bottom: 40px; } /* GRID A - RELATED INTERVIEWS */ .s-interviewees1.detail-page section#grid-a { padding-bottom: 70px; } .s-interviewees1.detail-page #screen-grid-a header{ border-bottom: none; padding-bottom: 0; margin-bottom: 30px; justify-content: center; } .s-interviewees1.detail-page #screen-grid-a header h4 { font-size: 30px; color: #666; font-weight: 500; letter-spacing: -1px; } .s-interviewees1.detail-page #screen-grid-a .titles { font-size: 20px; letter-spacing: -0.6px; font-weight: 500; line-height: 1; padding-bottom: 5px; } .s-interviewees1.detail-page #screen-grid-a p { font-size: 14px; color: #666; } .s-interviewees1.detail-page #screen-grid-a p a { display: none; } .s-interviewees1.detail-page #screen-grid-a .grid .entry { padding-bottom: 30px; } .s-interviewees1.detail-page #screen-grid-a .entry { padding-right: 0; width: 24.2%; margin-right: 1.0666666666667%; display: inline-block; vertical-align: top; } .s-interviewees1.detail-page #screen-grid-a .entry:nth-child(4n+4) { margin-right: 0; } .s-interviewees1.detail-page #screen-grid-a .entry .placeholder .image img { width: 100%; max-height: 100%; max-width: 100%; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .s-interviewees1.detail-page #screen-grid-a .grid{ padding-bottom:0; } @media (max-width: 840px) { .s-interviewees1.detail-page #screen-grid-a .entry { width: 49%; margin-right: 0; } .s-interviewees1.detail-page #screen-grid-a .entry:nth-child(odd) { padding-right: 2%; } } @media (max-width: 480px) { .s-interviewees1.detail-page #screen-grid-a .entry { width: 100%; margin-right: 0; } .s-interviewees1.detail-page #screen-grid-a .entry:nth-child(odd) { padding-right: 0; } .s-interviewees1.detail-page #screen-grid-a .entry .placeholder { padding-top: 75.022039%; } .s-interviewees1.detail-page #screen-grid-a .entry .placeholder .image img { margin: 0; } } #related-interviewees1 header.section-header.divider.custom-grid { justify-content: center; border-bottom: none; padding-bottom: 0px; margin-bottom: 30px; } #related-interviewees1 header.section-header.divider.custom-grid h4 { font-size: 30px; color: #666; font-weight: 500; letter-spacing:-1px; } #related-interviewees1 { margin-bottom: 70px; } /* -------------------------------------------------------------------------- */ /* INTERVIEWEES OLD */ /* -------------------------------------------------------------------------- */ /* INDEX PAGE */ .s-interviewees section.artists.home #interviewees-grid .container { padding: 0 15px; } .s-interviewees section.artists.home .container header.section-header.divider:not(.custom-grid) { border-bottom: none; padding-bottom: 0; margin-bottom: 30px; justify-content: center; } .s-interviewees section.artists.home header.section-header.divider h1 { font-size: 30px; color: #666; font-weight: 500; letter-spacing: -1px; } header.section-header.divider.custom-grid-interviewees { justify-content: left !important; } .s-interviewees section.artists.home header.section-header.divider.custom-grid { border-bottom: none; padding-bottom: 0; } span.links.view { position: absolute; right: 20px; top: 125px; } .links.view a { font-size: 20px; } @media (max-width: 480px) { span.links.view { top: 135px; } } .rollover .image { display: none; } .rollover .list { width: 100%; } .artists-rollover .container { padding: 0 15px; } .list.entries { padding-bottom: 60px; } .list.entries .title { color: #666; } .artists-grid.grid-container.toggle-per-category.ee-4col .category { width: 24.2%; /*margin-right: 1.0666666666667%;*/ margin-bottom: 0; padding-bottom: 0; display: inline-block; vertical-align: top; } .artists-grid.grid-container.toggle-per-category.ee-4col .category:nth-child(4n+4) { margin-right: 0; } @media (max-width: 768px) { .artists-grid.grid-container.toggle-per-category.ee-4col .category { width: 33%; } } @media (max-width: 480px) { .artists-grid.grid-container.toggle-per-category.ee-4col .category { width: 100%; } .rollover .column { width: 100%; text-align: center; } } .s-interviewees .container.fixed-font.custom-grid .title { font-size: 20px; } /* INDEX section-header workaround - SEE JS*/ .s-interviewees .artists.home .section-header .links{ display:inline-block; text-align:right; } .s-interviewees .artists.home .section-header .links a{ padding-right:0; } .s-interviewees .artists.home .section-header .links .active{ display:none; } /* DETAIL PAGE */ .s-interviewees.detail-page .container.fixed-font.custom-grid-interviews-items { text-align: center; } .s-interviewees.detail-page .container.fixed-font.custom-grid-interviews-items .titles{ text-align: left; } .s-interviewees.detail-page .container.fixed-font.custom-grid-interviews-items .entry:last-of-type { margin-right: 0; } .s-interviewees.detail-page header.section-header.divider.page-header { justify-content: center; border-bottom: none; padding-bottom: 0; margin-bottom: 30px; } .s-interviewees.detail-page .page-header .item-header h1{ font-size: 30px; color: #666; font-weight: 500; letter-spacing: -1px; } .s-interviewees.detail-page header.section-header.divider.page-header a.link-back.back-link.back { display: none; } .s-interviewees.detail-page div#related-interviews-items header.section-header.divider.custom-grid-interviews-items { display: none; } .s-interviewees.detail-page section#content-a { margin-bottom: 70px; } /* -------------------------------------------------------------------------- */ /* WISDOM EXCHANGE */ /* -------------------------------------------------------------------------- */ /* INDEX PAGE */ /*#wisdom-exchange1-grid .container {*/ /* max-width: 1600px;*/ /* padding: 0 15px;*/ /*}*/ #wisdom-exchange1-grid { margin-bottom: 50px; } .s-wisdom-exchange1 section.objects.home header.section-header.divider { border-bottom: none; padding-bottom: 0; margin-bottom: 30px; justify-content: center; } .s-wisdom-exchange1 section.objects.home header.section-header.divider h1 { font-size: 30px; color: #666; font-weight: 500; letter-spacing: -1px; } .s-wisdom-exchange1 #wisdom-exchange1-grid .titles { width: 100%; } .s-wisdom-exchange1 #wisdom-exchange1-grid .title { width: 100%; font-size: 30px; letter-spacing: -1px; font-weight: 400; text-align: center; color: #fff; line-height: inherit; display: block; position: absolute; } /*.s-wisdom-exchange1 #wisdom-exchange1-grid .entry:hover .title:after {*/ /* content: '';*/ /* display: inline-block;*/ /* position: inherit;*/ /* top: 28px; */ /* margin-left: -10px;*/ /* width: 40px;*/ /* height: 2px !important;*/ /* transform: rotate(-40deg);*/ /* background-color: #EC1C24;*/ /*}*/ /* DETAIL PAGE */ header.section-header.divider.custom-grid-wisdom-exchange { justify-content: center; border-bottom: none; padding-bottom: 0px; margin-bottom: 30px; } header.section-header.divider.custom-grid-wisdom-exchange h4 { font-size: 30px; color: #666; font-weight: 500; letter-spacing:-1px; } /*.container.fixed-font.custom-grid-wisdom-exchange {*/ /* padding: 0 15px;*/ /* max-width: none;*/ /*}*/ .s-wisdom-exchange1.detail-page section#content-a { margin-bottom: 70px !important; } div#related-wisdom-exchange { margin-bottom: 70px; } /* -------------------------------------------------------------------------- */ /* WISDOM EXCHANGE - ITMES */ /* -------------------------------------------------------------------------- */ /* INDEX PAGE */ .s-wisdom-exchange div#interviews-items-grid .container { padding: 0; } .s-wisdom-exchange section.artists.home.objects-view header.section-header.divider { border-bottom: none; padding-bottom: 0; margin-bottom: 30px; justify-content: center; } .s-wisdom-exchange section.artists.home.objects-view header.section-header.divider h1 { font-size: 30px; color: #666; font-weight: 500; letter-spacing: -1px; } .s-wisdom-exchange section.artists.home.objects-view { margin-bottom: 80px; } .s-wisdom-exchange .categories-left a { padding-bottom: 5px; } .s-wisdom-exchange nav.switch:before { content: "Topics"; font-size: 20px; margin-bottom: 10px !important; font-weight: 500; letter-spacing:-0.6px; display: block; } /*.s-wisdom-exchange .categories-left a.active:after {*/ /* content: '';*/ /* display: inline-block;*/ /* top: 28px; */ /* margin-left: -10px;*/ /* width: 30px;*/ /* height: 2px !important;*/ /* transform: rotate(-40deg);*/ /* background-color: #EC1C24;*/ /*}*/ #wisdom-exchange-grid .title{ font-size: 20px; letter-spacing: -0.6px; font-weight: 500; line-height: 1; padding-bottom: 5px; } #wisdom-exchange-grid .subtitle:not(.subtitle2){ font-size:14px; color: #666; /*line-height:inherit;*/ } #wisdom-exchange-grid .subtitle2, #wisdom-exchange-grid .date{ font-size:14px; color: #666; /*line-height:inherit;*/ } /* DETAIL PAGE */ .s-wisdom-exchange.detail-page .page-header .item-header h1{ font-size:20px; letter-spacing: -0.6px; font-weight: 500; /*line-height:inherit;*/ } .s-wisdom-exchange.detail-page .page-header .item-header h2:not(.subtitle2){ font-size:14px; color: #666; /*line-height:inherit;*/ } .s-wisdom-exchange.detail-page .page-header .item-header h2.subtitle2, .s-wisdom-exchange.detail-page .page-header .item-header h3{ font-size:14px; color: #666; /*line-height:inherit; */ } .s-wisdom-exchange.detail-page section#video { margin-bottom: 40px; } @media (max-width: 480px) { .s-wisdom-exchange.detail-page .section-header .links { width: 100%; justify-content: center; padding-top: 20px; } } /* RELATED CONTENT */ .s-wisdom-exchange.detail-page .grouped.associations .custom-grid .entry .placeholder { background: #ccc; } .s-wisdom-exchange.detail-page .grouped.associations .custom-grid .entry a[href*="/films"] .placeholder .image img { /*margin-left: 0;*/ max-height: 90%; width: 100%; height: 100%; object-fit: contain; } .s-wisdom-exchange.detail-page .grouped.associations { text-align: center; } .s-wisdom-exchange.detail-page .grouped.associations .titles{ text-align: left; } .s-wisdom-exchange.detail-page .grouped.associations .entry:last-of-type { margin-right: 0; } /* -------------------------------------------------------------------------- */ /* SPECIAL COLLECTIONS */ /* -------------------------------------------------------------------------- */ /* INDEX PAGE */ .s-special-collections section.artists.home #interviewees-grid .container { padding: 0 15px; } .s-special-collections section.artists.home .container:first-of-type header.section-header.divider { border-bottom: none; padding-bottom: 0; margin-bottom: 30px; justify-content: center; } .s-special-collections section.artists.home header.section-header.divider h1 { font-size: 30px; color: #666; font-weight: 500; letter-spacing: -1px; } div#special-collections-grid .title { display: none; } .custom-grid-special-collections .entry .placeholder { border: #ccc 1px solid; } /* DETAIL PAGE */ .s-special-collections.detail-page .page-header .item-header h1{ font-size: 20px; letter-spacing: -0.6px; font-weight: 500; } .s-special-collections.detail-page .page-header .item-header h2, .s-special-collections.detail-page .page-header .item-header h2.subtitle2, .s-special-collections.detail-page .page-header .item-header h3{ font-size: 14px; color: #666; } /*.s-special-collections.detail-page header.section-header.divider.page-header {*/ /* justify-content: center;*/ /* border-bottom: none;*/ /* padding-bottom: 0;*/ /* margin-bottom: 30px;*/ /*}*/ /*.s-special-collections.detail-page .page-header .item-header h1{*/ /* font-size: 30px;*/ /* color: #666;*/ /* font-weight: 500;*/ /* letter-spacing: -1px;*/ /*}*/ .s-special-collections.detail-page header.section-header.divider.page-header a.link-back.back-link.back { display: none; } .s-special-collections.detail-page div#related-interviews-items header.section-header.divider.custom-grid-interviews-items { display: none; } /* -------------------------------------------------------------------------- */ /* FILM - LEARNING - EDUCATOR RESOURCES */ /* -------------------------------------------------------------------------- */ /* INDEX PAGE */ /*#educator-resources-grid .container {*/ /* max-width: 1600px;*/ /* padding: 0 15px;*/ /*}*/ #educator-resources-grid { margin-bottom: 50px; } header.section-header.divider.custom-grid-educator-resources { display: none; } .s-educator-resources section.objects.home header.section-header.divider { border-bottom: none; padding-bottom: 0; margin-bottom: 30px; justify-content: center; } .s-educator-resources section.objects.home header.section-header.divider h1 { font-size: 30px; color: #666; font-weight: 500; letter-spacing: -1px; } #educator-resources-grid .title{ font-size: 20px; letter-spacing: -0.6px; font-weight: 500; padding-bottom: 0px; line-height: 1.3; } .category.c-featured #educator-resources-grid .entry { width: 655px !important; } .category.c-featured #educator-resources-grid .placeholder { display: none; } .category.c-featured #educator-resources-grid .titles { height: 0; } .category.c-featured #educator-resources-grid .additional-text { font-size: 20px; color: #666; padding-top: 0px; width: 100%; margin-top: -5px; } #educator-resources-grid .additional-text { font-size: 16px; color: #000; padding-top: 10px; width: 90%; } @media (max-width: 480px) { .category.c-featured #educator-resources-grid .entry { width: auto !important; } #educator-resources-grid .additional-text { width: 100%; } } /* DETAIL PAGE */ /* QUCKINKS */ .s-educator-resources.detail-page nav.screen-nav.divider { position: sticky; /*top: 83px;*/ top: 0px; z-index: 9; border-bottom: none; background-color: #ffffff; padding: 20px 0; margin-bottom: 100px; box-shadow: 0 2px 40px 0 rgba(170,170,170,0.29); text-align: center; } @media (max-width: 768px) { .s-educator-resources.detail-page nav.screen-nav.divider { position: inherit; } } /*.s-educator-resources.detail-page section#download-pdf {*/ /* margin-top: -50px;*/ /*}*/ .s-educator-resources.detail-page section#download-pdf .text-one-column { padding-bottom: 0; } .s-educator-resources.detail-page div#related-lessons { margin-bottom: 70px; } /* INTROS */ section#lessons-intro .text-one-column .content, section#interviews-intro .text-one-column .content{ max-width: 655px; margin-left: auto; margin-right: auto; padding-bottom: 0; margin-top: -10px; } .s-educator-resources.detail-page #associations header.section-header.divider.custom-grid-educator-resources{ display: flex; justify-content: center; border-color:transparent; } .s-educator-resources.detail-page #associations header.section-header.divider.custom-grid-educator-resources h4{ font-size: 30px; color: #666; font-weight: 500; letter-spacing: -1px; } .s-educator-resources.detail-page #associations #related-educator-resources{ padding-top:100px; margin-top:-50px; } /* -------------------------------------------------------------------------- */ /* SERIES */ /* -------------------------------------------------------------------------- */ .s-series header.section-header.divider { border-bottom: none; padding-bottom: 0; margin-bottom: 30px; justify-content: center; } .s-series header.section-header.divider h1 { font-size: 30px; color: #666; font-weight: 500; letter-spacing: -1px; } .s-series #wrapper-content-a{ padding-bottom:40px; } /* -------------------------------------------------------------------------- */ /* RESOURCES */ /* -------------------------------------------------------------------------- */ .s-resources header.section-header.divider { border-bottom: none; padding-bottom: 0; margin-bottom: 30px; justify-content: center; } .s-resources header.section-header.divider h1 { font-size: 30px; color: #666; font-weight: 500; letter-spacing: -1px; } .s-resources #wrapper-content-a{ padding-bottom:40px; } /* -------------------------------------------------------------------------- */ /* NEWSLETTERS */ /* -------------------------------------------------------------------------- */ .s-newsletters header.section-header.divider { border-bottom: none; padding-bottom: 0; margin-bottom: 30px; justify-content: center; } .s-newsletters header.section-header.divider h1 { font-size: 30px; color: #666; font-weight: 500; letter-spacing: -1px; } .s-newsletters #wrapper-content-a{ padding-bottom:40px; } .s-newsletters #related-news .container{ max-width:1180px; } .s-newsletters #related-news header{ display:none; } /* -------------------------------------------------------------------------- */ /* THE COLLECTIONS (COLLECTIONS INDEX) */ /* -------------------------------------------------------------------------- */ .s-the-collections header.section-header.divider { border-bottom: none; padding-bottom: 0; margin-bottom: 30px; justify-content: center; } .s-the-collections header.section-header.divider h1 { font-size: 30px; color: #666; font-weight: 500; letter-spacing: -1px; } .s-the-collections #related-collections header{ display:none; } .s-the-collections #wrapper-content-a{ padding-bottom:40px; } /* -------------------------------------------------------------------------- */ /* LESSONS */ /* -------------------------------------------------------------------------- */ /*.container.fixed-font.custom-grid-lessons {*/ /* padding: 0 15px;*/ /* max-width: none;*/ /*}*/ header.section-header.divider.custom-grid-lessons { justify-content: center; border-bottom: none; padding-bottom: 0px; margin-bottom: 30px; } header.section-header.divider.custom-grid-lessons h4, header.section-header.divider.custom-grid-lessons h1 { font-size: 30px; color: #666; font-weight: 500; letter-spacing:-1px; } #lessons-grid .title{ font-size: 20px; letter-spacing: -0.6px; font-weight: 500; line-height: 1; padding-bottom: 5px; } #lessons-grid .subtitle:not(.subtitle2){ font-size:14px; color: #666; /*line-height:inherit;*/ } #lessons-grid .subtitle2, #lessons-grid .date{ font-size:14px; color: #666; /*line-height:inherit;*/ } /* DETAIL PAGE */ .s-lessons.detail-page .container.clearfix { padding: 0 15px; } .s-lessons.detail-page .item-header h1{ font-size:20px; letter-spacing: -0.6px; font-weight: 500; /*line-height:inherit;*/ } .s-lessons.detail-page .item-header h2:not(.subtitle2){ font-size:14px; color: #666; /*line-height:inherit;*/ } .s-lessons.detail-page .item-header h2.subtitle2, .s-lessons.detail-page .item-header h3{ font-size:14px; color: #666; /*line-height:inherit; */ } .s-lessons.detail-page header.screen-header.header-after-slider.divider { margin-bottom: 30px; padding-bottom: 20px; } .s-lessons.detail-page .section-header { margin-bottom: 15px; } @media only screen and (min-width: 1216px){ body .sidebar-left { position: sticky; } } @media (max-width: 480px) { .s-lessons.detail-page section#image_description .section-header h4 { display: none; } .s-lessons.detail-page section#image_description .section-header { margin-bottom: 45px; padding-bottom: 30px; } .s-lessons.detail-page .screen-nav { margin-bottom: 0; padding-bottom: 0; } .s-lessons.detail-page .quicklinks a { margin-right: 0; padding-bottom: 5px; } .s-lessons.detail-page header.section-header h4 { text-align: left; } .s-lessons.detail-page .grid .entry { width: 48%; padding-right: 0; } .s-lessons.detail-page .grid .entry:nth-child(odd) { padding-right: 2%; } } .s-lessons.detail-page .quicklinks a { display: block; font-size: 17px; color: #666; } .s-lessons.detail-page nav.screen-nav.divider.quicklinks.is-header-above.clearfix { border-bottom: none; } .s-lessons.detail-page .links.in-text { margin-top: 40px; } .links.in-text a { color: #000; font-size: 17px; font-weight: 300; letter-spacing: -0.6px; border: 1px #979797 solid; padding: 12px 30px 10px 30px; } .s-lessons.detail-page .text-one-column .content { padding-bottom: 20px; } /* activity */ #activity1::before { content: "Activities"; font-size: 16px !important; display: block; line-height: initial; /* New content takes up original line height */ border-bottom: 1px solid #b4b4b4; margin-bottom: 25px; padding-bottom: 10px; } section#activity1 { margin-bottom: 100px; } section#activity1 .custom-glossary{display:none;} section#activity1 header{cursor:pointer;} section#activity1 .text, section#activity1 .text-one-column-with-image{ padding-bottom:0; } section#activity1 .text-one-column-with-image.no-image .text{ width:100%; max-width:800px; } section#activity1 .text-one-column-with-image .image{ margin-bottom: 80px; } section#activity1 .text-one-column-with-image .text{ margin-bottom: 50px; } /* header regular/hover/active states */ section#activity1 header h1{ font-size: 20px !important; font-weight: 500; } section#activity1 header:hover h1{ color:#666 !important; } section#activity1 header.active h1{ color:#000000 !important; } .s-lessons.detail-page section#photos { margin-bottom: 30px; } .s-lessons.detail-page .thumbnail-caption p { font-size: 14px; color: #666; line-height: 1.5; } #overlay { z-index: 999; } @media(max-width:840px) { .sidebar-left { width: 100%; max-width: 100%; } .sidebar-right { width: 100%; } } @media (max-width: 768px) { .text-two-columns .left { padding-right: 0; width: 100%; } .text-two-columns .right { padding-left: 0; width: 100%; } } /* -------------------------------------------------------------------------- */ /* PHOTO ARCHIVE */ /* -------------------------------------------------------------------------- */ /* INDEX PAGE */ /*#photo-archive1-grid .container {*/ /* max-width: 1600px;*/ /* padding: 0 15px;*/ /*}*/ #photo-archive1-grid { margin-bottom: 50px; } .s-photo-archive1 section.objects.home header.section-header.divider { border-bottom: none; padding-bottom: 0; margin-bottom: 30px; justify-content: center; } .s-photo-archive1 section.objects.home header.section-header.divider h1 { font-size: 30px; color: #666; font-weight: 500; letter-spacing: -1px; } header.section-header.divider.custom-grid-photo-archive1 { display: none; } .category.c-featured #photo-archive1-grid .entry { width: 655px !important; } .category.c-featured #photo-archive1-grid .placeholder { display: none; } .category.c-featured #photo-archive1-grid .title { display: none; } .category.c-featured #photo-archive1-grid .titles { height: 0; } .category.c-featured #photo-archive1-grid .additional-text { font-size: 20px; color: #666; padding-top: 0px; width: 100%; margin-top: -5px; } #photo-archive1-grid .additional-text { font-size: 16px; color: #000; padding-top: 10px; width: 90%; } @media (max-width: 480px) { .category.c-featured #photo-archive1-grid .entry { width: auto !important; } #photo-archive1-grid .additional-text { width: 100% !important; } } #photo-archive1-grid .title{ font-size: 20px; letter-spacing: -0.6px; font-weight: 500; line-height: 1.3; } #photo-archive1-grid .additional-text { font-size: 16px; color: #000; padding-top: 10px; width: 90%; } /* -------------------------------------------------------------------------- */ /* DONATE */ /* -------------------------------------------------------------------------- */ .s-donate.detail-page header.section-header.divider { border-bottom: none; padding-bottom: 0; margin-bottom: 30px; justify-content: center; } .s-donate.detail-page header.section-header.divider h1 { font-size: 30px; color: #666; font-weight: 500; letter-spacing: -1px; } /* BACKGROUND TEXT */ .s-donate.detail-page #wrapper-background-text:before { content: ""; } .s-donate.detail-page section#wrapper-content-a { margin-bottom: 70px; } .s-donate.detail-page section#wrapper-content-a .ee-editor-quote { margin-bottom: 40px !important; } @media (max-width: 768px) { .two-up-wrapper.container { display: block; } .text-image-wrapper.two-up { flex: 0 0 100%; width: 100%; } .text-image-wrapper.two-up:first-child { padding: 0; } .text-image-wrapper.two-up:nth-child(2) { padding: 0; } } @media (max-width: 480px) { #wrapper-background-text .text p { font-size: 30px; } } .s-donate.detail-page section#wrapper-donors .content{ max-width:100%; } .s-donate.detail-page section#wrapper-donors .container{ max-width:980px; } /* -------------------------------------------------------------------------- */ /* ABOUT */ /* -------------------------------------------------------------------------- */ .s-contact-us.detail-page header.section-header.divider { border-bottom: none; padding-bottom: 0; margin-bottom: 30px; justify-content: center; } .s-contact-us.detail-page header.section-header.divider h1 { font-size: 30px; color: #666; font-weight: 500; letter-spacing: -1px; } .s-contact-us.detail-page section#wrapper-content-a { margin-bottom: 70px; } section#wrapper-information2 .container { max-width: 1210px; text-align: center; } section#wrapper-information2 .content { padding-bottom: 0px; } section#wrapper-information2 { margin-bottom: 120px; } @media (max-width: 768px) { .text-three-columns .column { width: 100%; flex-basis: 100%; -webkit-flex-basis: 100%; } } /* -------------------------------------------------------------------------- */ /* HISTORY */ /* -------------------------------------------------------------------------- */ .s-history.detail-page header.section-header.divider { border-bottom: none; padding-bottom: 0; margin-bottom: 30px; justify-content: center; } .s-history.detail-page header.section-header.divider h1 { font-size: 30px; color: #666; font-weight: 500; letter-spacing: -1px; } /* -------------------------------------------------------------------------- */ /* TEAM */ /* -------------------------------------------------------------------------- */ .s-team.detail-page header.section-header.divider { border-bottom: none; padding-bottom: 0; margin-bottom: 30px; justify-content: center; } .s-team.detail-page header.section-header.divider h1 { font-size: 30px; color: #666; font-weight: 500; letter-spacing: -1px; } /* -------------------------------------------------------------------------- */ /* FOLLOW */ /* -------------------------------------------------------------------------- */ .s-follow.detail-page header.section-header.divider { border-bottom: none; padding-bottom: 0; margin-bottom: 30px; justify-content: center; } .s-follow.detail-page header.section-header.divider h1 { font-size: 30px; color: #666; font-weight: 500; letter-spacing: -1px; } .s-follow.detail-page #wrapper-instagram{ padding-bottom:80px; } /* -------------------------------------------------------------------------- */ /* PODCAST */ /* -------------------------------------------------------------------------- */ .s-podcast #podcast-items-grid header{ display:none; } .s-podcast.detail-page header.section-header.divider { border-bottom: none; padding-bottom: 0; margin-bottom: 30px; justify-content: center; } .s-podcast.detail-page header.section-header.divider h1 { font-size: 30px; color: #666; font-weight: 500; letter-spacing: -1px; } .s-podcast.detail-page #wrapper-content-a, .s-podcast.detail-page #wrapper-associations{ padding-bottom:50px; } /* -------------------------------------------------------------------------- */ /* PODCAST-ITEMS */ /* -------------------------------------------------------------------------- */ /* INDEX-PAGE*/ #podcast-items-grid .title{ font-size: 20px; letter-spacing: -0.6px; font-weight: 500; padding-bottom: 0px; line-height: 1.3; } .s-podcast-items.detail-page .links.in-text a{ display:inline-block; line-height:1; } /* DETAIL-PAGE */ .s-podcast-items.detail-page .page-header .item-header h1{ font-size: 20px; letter-spacing: -0.6px; font-weight: 500; } .s-podcast-items.detail-page .page-header .item-header h2, .s-podcast-items.detail-page .page-header .item-header h2.subtitle2, .s-podcast-items.detail-page .page-header .item-header h3{ font-size: 14px; color: #666; } .s-podcast-items.detail-page header.section-header.divider.custom-grid-educator-resources{ display:flex; } .s-podcast-items.detail-page #related-educator-resources header { justify-content: center; border-bottom: none; padding-bottom: 0px; margin-bottom: 30px; } .s-podcast-items.detail-page #related-educator-resources h4 { font-size: 30px; color: #666; font-weight: 500; letter-spacing:-1px; } /* -------------------------------------------------------------------------- */ /* SEARCH */ /* -------------------------------------------------------------------------- */ .s-search form input[type=text]{ font-size:inherit; } section.search.form input[type=submit]{ right:0; border: 1px #979797 solid; padding: 13px 30px 10px 30px; line-height: 1; margin-left: 10px; position:relative; } /* ----------------------------------- */ /* HIDE INVENTORY FIELD */ /* FOR SEARCH KEY WORDS */ /* ----------------------------------- */ #interviews-items-grid .inventory, #lessons-grid .inventory, #educator-resources-grid .inventory, #interviewees1-grid .inventory, #films-grid .inventory{ display:none!important; } .s-interviews-items.detail-page .inventory, .s-lessons-resources.detail-page .inventory, .s-educator-resources.detail-page .inventory, .s-interviewees1.detail-page .inventory, .s-films.detail-page .inventory{ display:none!important; } /* ----------------------------------- */ /* HIDE MAIN MENU SECTIONS THAT NEED */ /* TO BE ENABLED TO BE SEARCHED */ /* ----------------------------------- */ .main-header nav a[href="/interviews"], .main-header nav a[href="/interviews"] + a[href="/interviewees"], .main-header nav a[href="/lessons"]{ display:none!important; } /* -------------------------------------------------------------------------- */ /* CONFIRMATION */ /* -------------------------------------------------------------------------- */ section#wrapper-thank-you .text-one-column .content { margin-left: auto; margin-right: auto; text-align: center; } /* -------------------------------------------------------------------------- */ /* CONTENT-1-COL */ /* -------------------------------------------------------------------------- */ #wrapper-content-1-col .container{ max-width:780px; } #wrapper-content-1-col .content{ padding-bottom:0; } /* -------------------------------------------------------------------------- */ /* CONTENT-2-COL */ /* -------------------------------------------------------------------------- */ #wrapper-content-2-col .container{ max-width:920px; } /* -------------------------------------------------------------------------- */ /* CONTENT-3-COL */ /* -------------------------------------------------------------------------- */ #wrapper-content-3-col .container{ max-width:1180px; } /* -------------------------------------------------------------------------- */ /* NEWS */ /* -------------------------------------------------------------------------- */ /* -------------------------------------- */ /* INDEX PAGE */ /* -------------------------------------- */ #news-list h1{ /*line-height:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ font-size: 20px; letter-spacing: -0.6px; font-weight: 500; line-height: 1.3; } #news-list h2{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #news-list h3{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } #news-list .entry .links{ margin-top:1em; /*font-size:inherit;*/ /*line-height:inherit;*/ } #news-list .entry .summary{ /*margin-top:0;*/ line-height:1.5; } #news-list .entry .summary p{ line-height:inherit; } #news-list .entry .links a{ display:inline-block; padding: 8px 30px 6px 30px; } .s-news .news.news-index #news-list > .news.container{ max-width:1180px; } .s-news .news-index .entry .thumbnail { /*width: 30%;*/ width: 40%; max-width:100% } .s-news .news-index .entry .info { max-width: 800px; /*width: 65%;*/ width: 55%; } @media all and (max-width:767px) { .news .entry .thumbnail { float: none; width:100% !important } .news .entry .info { width: 100%!important; padding:10px 0 0; } } /* -------------------------------------- */ /* DETAIL PAGE */ /* -------------------------------------- */ .s-news.detail-page .page-header .item-header h1{ /*line-height:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ font-size: 20px; letter-spacing: -0.6px; font-weight: 500; line-height: 1.3; } .s-news.detail-page .page-header .item-header h2{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-news.detail-page .page-header .item-header h3{ /*font-size:inherit;*/ /*line-height:inherit;*/ /*margin-bottom:0;*/ } .s-news.detail-page .page-header .back{ /*display:none;*/ } .s-news.detail-page #swiper-a .slideshow-headline{ display:none; } .s-news.detail-page .news-details .container{ /*max-width:1600px;*/ } .s-news.detail-page .news-details > .clearfix > .container{ display:flex; flex-direction: row-reverse; } .s-news.detail-page .news-details > .clearfix > .container .details, .s-news.detail-page .news-details > .clearfix > .container .image{ width:50%; box-sizing:border-box; max-width:100%; } .s-news.detail-page .news-details > .clearfix > .container .image .caption{ max-width:400px; margin-left:auto; margin-right:auto; } @media all and (max-width:768px) { .s-news.detail-page .news-details > .clearfix > .container{ display:block; } .s-news.detail-page .news-details > .clearfix > .container .details, .s-news.detail-page .news-details > .clearfix > .container .image{ width:100%; } .s-news.detail-page .news-details > .clearfix > .container .image{ padding-bottom:80px; } } .s-news.detail-page .news-details > .clearfix > .container .details{ padding-right:4%; } .s-news.detail-page .news-details > .clearfix > .container .image{ text-align:center; } .s-news.detail-page .news-details > .clearfix > .container .image img{ margin: 0 auto; } .s-news.detail-page .news-details{ padding-bottom:80px; } /* -------------------------------------------------------------------------- */ /* CONTENT-H */ /* -------------------------------------------------------------------------- */ section#content-h .container{ max-width:800px; } section#content-h .left:empty, section#content-h .right:empty{ display:none; } section#content-h .left, section#content-h .right{ margin-bottom:60px; } section#content-h .links.in-text{ text-align:center; } section#content-h .ee-view-content-h-container{ text-align:center; padding-bottom:80px; } section#content-h p{ font-size:16px; } section#content-h .links.in-text a, section#content-h .ee-view-content-h{ font-size: 17px; border: 1px #979797 solid; padding: 12px 30px 10px 30px; letter-spacing: -0.6px; font-weight: 300; color:#000000; cursor:pointer; display:inline-block; line-height:1; } section#content-h .links.in-text a:hover, section#content-h .ee-view-content-h:hover{ background-color:#000000; color:#ffffff; } section#content-h .content{ padding-bottom:0; max-width:100%; display:none; } section#content-h .ee-view-content-h-container.ee-bottom{ display:none; } section#content-h.ee-show-content-h .content{ display:block; } section#content-h.ee-show-content-h .ee-view-content-h-container.ee-bottom{ display:block; } section#content-h .content > .links{ margin-top:0; margin-bottom:20px; } section#content-h .content > .links + .links{ margin-top:0; margin-bottom:20px; } @media all and (max-width: 767px) { section#content-h .text-two-columns .left, section#content-h .text-two-columns .right { display: block; width: 100%; padding-left:0; padding-right:0; } } .s-interviewees1.detail-page section#content-a + section#content-h { margin-top: -100px; } /* -------------------------------------------------------------------------- */ /* FOOTER */ /* -------------------------------------------------------------------------- */ footer{ /* keep PADDING-TOP set to 0 */ padding-top: 0; padding-bottom: 30px; line-height:inherit; background-color:#ffffff; /*background-image: linear-gradient(-180deg, rgba(0,0,0,0.04) 0%, rgba(0,0,0,0) 50%);*/ /*font-size: inherit;*/ /*line-height: inherit;*/ } footer .container>.divider{ display:block; /* overide scroll-reveal opacity */ opacity:1!important; /* margin-bottom below = top padding of footer */ margin-bottom:0px; /* DO NOT REMOVE BORDER - USE HEX OR TRANSPARENT */ border-color:transparent; /*border-color:transparent;*/ } footer div.container{ max-width:1500px; position:relative; } footer div.container div{ box-sizing:border-box; } footer div { display: block; padding-right: 0; vertical-align: top; } footer div.footer-cols{ width:100%; padding-right:0; line-height:inherit; text-align: center; color: #666; } .footer-col1{ margin-bottom: 40px; } /*.footer-col1 p{*/ /* font-size: 30px !important;*/ /* letter-spacing: .5px;*/ /* color: #666;*/ /*}*/ .footer-col2 { max-width: 450px; margin-left: auto; margin-right: auto; margin-bottom: 50px; } .footer-col3 { margin-bottom: 15px; } .footer-col3 p { display: inline-flex; margin-left: 20px; font-size: 12px; font-weight: 400; } .footer-col4 p { font-family: Arial, Helvetica, Sans-serif; display: inline-flex; margin-left: 20px; font-size: 9px; color: #666; } .footer-col3 p a, .footer-col4 p a { color: #666; } .footer-col3 p a:hover, .footer-col4 p a:hover { opacity: .6; } .contact .credit, .credit { display: initial; vertical-align: baseline; margin-left: 30px; color: #666; } .credit a { color: #666; } form#subForm input#fieldName, input#fieldName, input#fieldjhgduu, input#fieldjhghll, form input[type=email], form input[type=password], form input[type=text], form select, form textarea { border-bottom: 1px solid #ccc !important; border: none; display: inline-block; font-size: 12px; background: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0px; padding: 5px 0 0 0; height: 40px; margin: 0 0px 5px 0; /*width: calc((100% - 240px) / 2);*/ width: 310px; } form#subForm input#fieldName:focus, input#fieldName:focus, input#fieldjhgduu:focus, input#fieldjhghll:focus, form input[type=email]:focus, form input[type=password]:focus, form input[type=text]:focus, form select:focus, form textarea:focus{ border-color:#000000!important; } form.inquire input[type=text], form.inquire textarea, form input, form input[type=email], form input[type=password], form input[type=text], form select, form textarea { outline:0!important; } button { font-size: 17px; font-weight: 300; color: #666; padding: 10px 30px 8px 30px; letter-spacing: -0.6px; /*height: 40px;*/ margin: 0; /*width: 200px;*/ box-sizing: border-box; border: 1px solid #979797; background-color: #ffffff; border-radius: 0px; } footer .footer-siteindex{ display:none; } /* FOOTER SOCIAL */ footer .footer-social { width: 100%; text-align: center; float:none; line-height:100%; margin-bottom: 25px; } footer .footer-social a { margin-right: 20px; height: 26px; width: 26px; overflow: hidden; } footer .footer-social img { max-width: 26px; max-height: 26px; } footer .footer-social a:hover img { opacity:.5; } /* EE-FOOTER-FOOTER */ footer #ee-footer-footer { margin-top:50px; display:flex; font-family: Arial, Helvetica, Sans-serif; font-size: 9px; text-transform:initial; } footer #ee-footer-footer p{ font-family: Arial, Helvetica, Sans-serif; font-size: 10px; text-transform:initial; } footer #ee-footer-footer a{ color:#000000; } footer #ee-footer-footer a:hover{ color:#808080; } footer #ee-footer-footer > p, footer #ee-footer-footer > div, footer #ee-footer-footer > span{ padding-right:15px; line-height:normal; margin-bottom:0; white-space:nowrap; line-height:2; } footer #ee-footer-footer .credit { margin-top:0; font-size: 10px; } /* MOBILE FOOTER */ @media all and (max-width:1023px) { footer div.footer-cols{ display:block; } footer div.footer-cols > div{ display:block; text-align:center; padding-bottom:30px; } footer > .container > .footer-social{ position:relative; right:unset; bottom:unset; text-align:center; padding:0; } } @media all and (max-width:600px) { footer #ee-footer-footer { display:block; } } @media (max-width: 480px) { /*input#fieldName, form input[type=email], form input[type=password], form input[type=text], form select, form textarea {*/ /* display: block;*/ /* width: calc((150% - 0px) / 2);*/ /* margin: 0 auto 20px;*/ /*}*/ .footer-col2 { margin-bottom: 40px; } .footer-col3 p { margin-left: 0; } footer div.footer-cols > div { padding-bottom: 10px; } } /* --------------------------------------------------------- */ /* BACK TO TOP */ #backToTop{ display: none; background: url('https://s3.amazonaws.com/files.collageplatform.com.prod/application/65946ce4179a0efae9038462/backtotop_999.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; } #backToTop:hover{ color: #2a908b !important; } /* -------------------------------------------------------------------------- */ /* CONTAINER */ /* -------------------------------------------------------------------------- */ .container, footer div.container{padding: 0 40px;} /* keep padding*/ @media all and (max-width:1120px) { .container, footer div.container{padding: 0 20px;} } /* keep 100% width */ @media all and (max-width:800px) { .container{max-width: 100%;} } /* -------------------------------------------------------------------------- */ /* CK EDITOR */ /* -------------------------------------------------------------------------- */ .ee-editor-header-large{ font-size: 30px !important; color: #666; letter-spacing: -1px; font-weight: 500; display: block !important; line-height: 1; } .s-home section#wrapper-embed .ee-editor-header-large { margin-bottom: 30px; line-height: 1.5; } /*.ee-editor-header-medium{*/ /* font-size: 25px !important;*/ /* color: #666;*/ /* letter-spacing: .5px;*/ /* display: block !important;*/ /* line-height: 1.3;*/ /* padding-bottom: 10px;*/ /*}*/ /*.ee-editor-title{*/ /* font-size: 40px !important;*/ /* letter-spacing: .5px;*/ /* color: #000;*/ /* display: block !important;*/ /* line-height: 1.3;*/ /* padding-bottom: 10px;*/ /*}*/ .ee-editor-header-small{ font-size: 20px !important; letter-spacing: -0.6px; font-weight: 300; } .ee-editor-small { color: #666; text-transform: uppercase; font-size: 14px; display: block; /*margin-bottom: 70px !important;*/ } .ee-editor-quote{ display: block; margin-top: 70px; font-size:40px; letter-spacing: -1px; font-weight: 500; line-height: 1.3; } /*.ee-editor-quote:after {*/ /* content: '';*/ /* display: inline-block;*/ /* position: inherit;*/ /* top: 28px; */ /* margin-left: -30px;*/ /* width: 80px;*/ /* height: 2px !important;*/ /* transform: rotate(-40deg);*/ /* background-color: #EC1C24;*/ /*}*/ .ee-editor-center{ text-align:center; } .ee-editor-button { color: #000; font-size: 17px; border: 1px #979797 solid; padding: 12px 30px 10px 30px; letter-spacing: -0.6px; font-weight: 300; /* display: block;*/ /*width: fit-content;*/ /*margin: 0 auto;*/ } .ee-editor-button a { color: #000; } .ee-editor-button:hover { color: #ffffff; background-color:#000000; } .ee-editor-button:hover a { color: #ffffff; } .caption .ee-editor-button { margin-top: 15px !important; display: block; width: fit-content; margin: 0 auto; } @media (max-width:480px) { .ee-editor-quote { font-size: 30px; } } /*----------------------------------------------------------------------------*/ /*CUSTOM BULLETS */ /*----------------------------------------------------------------------------*/ p.custom-bullet{ text-indent:-12px; padding-left:12px; margin-bottom:.5em; } p.custom-bullet:before { content: "• "; color: #000; padding-right:2px; } p.custom-bullet-last, p.custom-bullet:last-child{ margin-bottom:2em; } /*FIRST BULLET AFTER NORMAL PARAGRAPH*/ /*p:not(.custom-bullet):not(.custom-header-paragraph) + p.custom-bullet{*/ /* margin-top:-25px;*/ /*}*/ /* -------------------------------------- */ /*SCREEN-WIDE*/ section[id*='content-a'] .text-one-column-with-image.no-image.ee-custom-screen-wide .container{ max-width:980px; } /* -------------------------------------------------------------------------- */ /* MOBILE MENU COPY/PASTE */ /* -------------------------------------------------------------------------- */ /*@media (max-width: 800px) {*/ @media (max-width: 1080px) { .main-header nav.languages, .main-header nav.main { display:none } .mobile-menu-wrapper { position: relative; margin: 9px 0 8px; display:block } .main-header nav.mobile { display: inline-block; line-height: 26px; text-align:left } nav.mobile .navlinks { padding-top:10px } nav.mobile .navlinks a { display: block; margin: 0; padding-bottom: 15px; line-height:100% } .main-header .mobile-languages { display: inline-block; position: static; font-size: 12px; line-height: 26px; position: absolute; right:0 } .main-header .mobile-languages a { margin-left: 15px; display:inline-block } .mobile-languages a:first-child { margin-left:0 } /*div .main-header.fixed {*/ /* position:fixed*/ /*}*/ /*---*/ .main-header .logo { float:none } .main-header.fixed, div .main-header.fixed { position:relative } } /* ------------------------------------------ */ /* PAGE SCROLLING IS ON */ /* ------------------------------------------ */ @media (min-width: 1081px) { body.ee-custom-scroll-on .main-header{ padding-top: 15px; padding-bottom: 15px; margin-bottom:30px; box-shadow: 0px 40px 40px 0px rgba(0,0,0,0.05); background-color:#ffffff; transition: background-color .2s, box-shadow .2s, padding-top .2s, padding-bottom .2s; } body.ee-custom-scroll-on .main-header .logo img{ max-width:200px; transition: max-width .2s; display:block; } body.ee-custom-scroll-on .main-header nav { padding-top:5px; padding-bottom:0; transition: padding-top .2s, padding-bottom .2s; } .s-home.detail-page.ee-custom-scroll-on a.logo img { filter: none; } .s-home.detail-page.ee-custom-scroll-on .main-header nav a { color: #000000; } .s-home.detail-page.ee-custom-scroll-on .main-header nav a:hover { color: rgba(0,0,0,.6)!important; } .s-home.detail-page.ee-custom-scroll-on .main .menu-group-items{ background-color: #ffffff; padding: 0 15px 5px 15px; margin-left: -15px; } body.ee-custom-scroll-on .main-header .logo{ text-align:left; line-height:1; } } /* -------------------------------------------------------------------------- */ /* TEST */ /* -------------------------------------------------------------------------- */ /** {box-shadow: inset 0 0 0 1px rgba(255,0,0,1) !important;}*/ /*img {outline-color:#ff0000 !important; outline-width:1px !important; outline-style:solid !important; outline-offset:-1px !important;}*/ .bx-wrapper .bx-controls-direction .bx-next, .bx-wrapper .bx-controls-direction .bx-prev { background: url('https\3A \2F \2F s3\2E amazonaws\2E com\2F files\2E collageplatform\2E com\2E prod\2F application\2F 65946ce4179a0efae9038462\2F d26bcbaef2276e67d44edd4e5805c12d\2E png') no-repeat; background-size: 32px 64px; width: 16px; height: 32px; margin-top: -16px; } .bx-wrapper .bx-controls-direction .bx-prev { background-position: 0 0; } .bx-wrapper .bx-controls-direction .bx-prev:hover { background-position: 0 -32px; } .bx-wrapper .bx-controls-direction .bx-next { background-position: -16px 0; } .bx-wrapper .bx-controls-direction .bx-next:hover { background-position: -16px -32px; } *:focus:not(.focus-visible) { outline: none; } *:focus { outline: 2px #A5C7FE solid; outline-offset: 1px; } .entry > a { display: inline-block; } .entry.small > a, .entry.medium > a, .entry.large > a, .grid.thumbnails > .entry > a, .grid.entries > .entry > a, .large-images > .entry > a, .entry.full > a { display: block; } div[class^='custom-grid'] > .entry > a, div[class*=' custom-grid'] > .entry > a, .grid-container > .grid > .entry > a, .list.text-only .entry > a { display: block; } .list.text-only .date { float: left; } .news .entry > .thumbnail > .image > a { display: inline-block; } #skipToContent { position: absolute; top: -1000px; left: -1000px; height: 1px; width: 1px; text-align: left; overflow: hidden; text-decoration: underline; } a#skipToContent:active, a#skipToContent:focus, a#skipToContent:hover { left: 0; top: 0; width: auto; height: auto; overflow: visible; } footer div > a.footer-siteindex, footer span > a.footer-siteindex{ white-space: nowrap; overflow: hidden; } #contentWrapper:focus { outline: transparent !important; } #contentWrapper #eccomerceCheckout .widget ul { display: block; margin-top: 5px; } #contentWrapper #eccomerceCheckout input.error { margin-bottom: 0; } label.required:after { content: '*'; margin-left: 2px; } .slideshow-container .swiper-slide { -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); } .slider-nav-next, .slider-nav-prev, .swiper-vow .slider-nav-next, .swiper-vow .slider-nav-prev, .swiper-vow .slider-nested-nav-prev, .swiper-vow .slider-nested-nav-next { background: url('https\3A \2F \2F s3\2E amazonaws\2E com\2F files\2E collageplatform\2E com\2E prod\2F application\2F 65946ce4179a0efae9038462\2F d26bcbaef2276e67d44edd4e5805c12d\2E png') no-repeat; background-size: 32px 64px; width: 16px; height: 32px; margin-top: -16px; position: absolute; top: 50%; border: none; transform: none; } .slider-nav-prev, .swiper-vow .slider-nav-prev, .swiper-vow .slider-nested-nav-prev { background-position: 0 0; left: 0; } .slider-nav-prev:hover, .swiper-vow .slider-nav-prev:hover, .swiper-vow .slider-nested-nav-prev:hover { background: url('https\3A \2F \2F s3\2E amazonaws\2E com\2F files\2E collageplatform\2E com\2E prod\2F application\2F 65946ce4179a0efae9038462\2F d26bcbaef2276e67d44edd4e5805c12d\2E png') no-repeat; background-size: 32px 64px; background-position: 0 -32px; border: 0; } .slider-nav-next, .swiper-vow .slider-nav-next, .swiper-vow .slider-nested-nav-next { background-position: -16px 0; right: 0; } .slider-nav-next:hover, .swiper-vow .slider-nav-next:hover, .swiper-vow .slider-nested-nav-next:hover { background: url('https\3A \2F \2F s3\2E amazonaws\2E com\2F files\2E collageplatform\2E com\2E prod\2F application\2F 65946ce4179a0efae9038462\2F d26bcbaef2276e67d44edd4e5805c12d\2E png') no-repeat; background-size: 32px 64px; background-position: -16px -32px; border: 0; }