html { box-sizing: border-box; } *, *::after, *::before { box-sizing: inherit; } * { scroll-behavior: smooth; } .agnieszka-pilat .rd-card__thumbnail { background-position: 34% 71% !important; } .david-shrigley .rd-card__thumbnail { background-position: 20% 10% !important; } .kim-wandin .rd-card__thumbnail { background-position: 80% 50% !important; } .joshua-petherick-and-lewis-fidock .rd-card__thumbnail { background-position: 17% 90% !important; } .mobile-show { display: inline-block !important; } @media screen and (min-width: 1000px) { .mobile-show { display: none !important; } } .mobile-hide { display: none !important; } @media screen and (min-width: 1000px) { .mobile-hide { display: block !important; } } .mfp-wrap { z-index: 104300 !important; } .mfp-bg { z-index: 104200 !important; } .hide-head-foot { display: none; } .rd #main { margin-top: 80px !important; padding-bottom: 0; background-color: #F6F5F0; } @media screen and (max-width: 540px) { .rd #main { margin-top: 60px !important; } } .title h1 { margin-top: 0; } .rd-section { z-index: 100; position: relative; margin-bottom: 0 !important; } @media screen and (min-width: 1366px) { .rd-section { padding-bottom: 120px !important; } } @media screen and (min-width: 320px) { .rd-section { padding-bottom: calc(50px + 50 * (100vw - 320px) / 1046) !important; } } .rd-section .rd-section__heading { padding: 2em 0 2em 0; } .rd-section .rd-section__heading h3 { margin: 0; } @media screen and (max-width: 959px) { .rd-section .rd-section__heading { padding: 1em 0 2em 0; } } @media screen and (max-width: 768px) { .rd-section .rd-section__heading { padding: 0 0 1em 0; } .rd-section .rd-section__heading h2 { margin: 0; text-align: left; } } @media screen and (min-width: 1366px) { .padding-top { padding-top: 120px !important; } } @media screen and (min-width: 320px) { .padding-top { padding-top: calc(50px + 50 * (100vw - 320px) / 1046); } } @media screen and (min-width: 1366px) { .half-padding-top { padding-top: 60px !important; } } @media screen and (min-width: 320px) { .half-padding-top { padding-top: calc(25px + 25 * (100vw - 320px) / 1046); } } hr { height: 2px !important; background: #000 !important; } .program-meta hr { margin: 1em 0 !important; max-width: 380px; } .narrow .inside { max-width: 1040px !important; } .dark-bg { background-color: #F6F5F0; } .extra-bg { background-color: #fff; } .light-bg, .artist [data-section-label="video"], [data-section-label="choose-upcoming-events"] { background-color: #fff; } .white-bg, .artist .featured-events { background-color: #fff; } .postid-191115 .general-info.dark-bg, .postid-206727 .general-info.dark-bg { background-color: #F6F5F0 !important; } .general-info.dark-bg.dark-content { background-color: #fff; } .general-info.dark-bg.dark-content .rd-card__meta { background-color: transparent !important; } .dark-content h1, .dark-content h2, .dark-content h3, .dark-content h4, .dark-content p, .dark-content a, .dark-content .program-meta, .dark-content .program-meta-ticketing, .dark-content .rd-hero__cta, .dark-content #program-bodytext, .dark-content .program-bodytext-content span, .dark-content .all-dates label, .dark-content .quiet { color: #000 !important; } .dark-content h1.button--secondary, .dark-content h2.button--secondary, .dark-content h3.button--secondary, .dark-content h4.button--secondary, .dark-content p.button--secondary, .dark-content a.button--secondary, .dark-content .program-meta.button--secondary, .dark-content .program-meta-ticketing.button--secondary, .dark-content .rd-hero__cta.button--secondary, .dark-content #program-bodytext.button--secondary, .dark-content .program-bodytext-content span.button--secondary, .dark-content .all-dates label.button--secondary, .dark-content .quiet.button--secondary { background-color: #000 !important; color: #fff !important; border: 2px solid #000 !important; } .dark-content h1.button--secondary:hover, .dark-content h2.button--secondary:hover, .dark-content h3.button--secondary:hover, .dark-content h4.button--secondary:hover, .dark-content p.button--secondary:hover, .dark-content a.button--secondary:hover, .dark-content .program-meta.button--secondary:hover, .dark-content .program-meta-ticketing.button--secondary:hover, .dark-content .rd-hero__cta.button--secondary:hover, .dark-content #program-bodytext.button--secondary:hover, .dark-content .program-bodytext-content span.button--secondary:hover, .dark-content .all-dates label.button--secondary:hover, .dark-content .quiet.button--secondary:hover { background-color: transparent !important; color: #000 !important; } .dark-content h1.button--primary, .dark-content h2.button--primary, .dark-content h3.button--primary, .dark-content h4.button--primary, .dark-content p.button--primary, .dark-content a.button--primary, .dark-content .program-meta.button--primary, .dark-content .program-meta-ticketing.button--primary, .dark-content .rd-hero__cta.button--primary, .dark-content #program-bodytext.button--primary, .dark-content .program-bodytext-content span.button--primary, .dark-content .all-dates label.button--primary, .dark-content .quiet.button--primary { border: 2px solid #000 !important; } .dark-content h1.button--primary:hover, .dark-content h2.button--primary:hover, .dark-content h3.button--primary:hover, .dark-content h4.button--primary:hover, .dark-content p.button--primary:hover, .dark-content a.button--primary:hover, .dark-content .program-meta.button--primary:hover, .dark-content .program-meta-ticketing.button--primary:hover, .dark-content .rd-hero__cta.button--primary:hover, .dark-content #program-bodytext.button--primary:hover, .dark-content .program-bodytext-content span.button--primary:hover, .dark-content .all-dates label.button--primary:hover, .dark-content .quiet.button--primary:hover { background-color: #000 !important; color: #fff !important; opacity: 1 !important; } .dark-content .features .rd-card__title, .dark-content .features .rd-card__subtitle { color: #000 !important; } .dark-content .features .rd-card__title em, .dark-content .features .rd-card__title strong, .dark-content .features .rd-card__subtitle em, .dark-content .features .rd-card__subtitle strong { color: #000 !important; } .dark-content .features .rd-card__meta { background-color: #F6F5F0 !important; } .light-content h1, .light-content h2, .light-content h3, .light-content p, .light-content a, .light-content .rd-card__title, .light-content .rd-card__info, .artist [data-section-label="video"] h1, .artist [data-section-label="video"] h2, .artist [data-section-label="video"] h3, .artist [data-section-label="video"] p, .artist [data-section-label="video"] a, .artist [data-section-label="video"] .rd-card__title, .artist [data-section-label="video"] .rd-card__info { color: #000 !important; } .light-content a.button--secondary--dark, .artist [data-section-label="video"] a.button--secondary--dark { color: #fff !important; } .light-content a.button--secondary--dark:hover, .artist [data-section-label="video"] a.button--secondary--dark:hover { color: #000 !important; } .light-content .rd-card__tag, .artist [data-section-label="video"] .rd-card__tag { background-color: #000 !important; color: #fff !important; } .light-content .features .rd-card__title, .light-content .features .rd-card__subtitle, .light-content .grid .rd-card__title, .light-content .grid .rd-card__subtitle, .artist [data-section-label="video"] .features .rd-card__title, .artist [data-section-label="video"] .features .rd-card__subtitle, .artist [data-section-label="video"] .grid .rd-card__title, .artist [data-section-label="video"] .grid .rd-card__subtitle { color: #000 !important; } .light-content .features .rd-card__title em, .light-content .features .rd-card__title strong, .light-content .features .rd-card__subtitle em, .light-content .features .rd-card__subtitle strong, .light-content .grid .rd-card__title em, .light-content .grid .rd-card__title strong, .light-content .grid .rd-card__subtitle em, .light-content .grid .rd-card__subtitle strong, .artist [data-section-label="video"] .features .rd-card__title em, .artist [data-section-label="video"] .features .rd-card__title strong, .artist [data-section-label="video"] .features .rd-card__subtitle em, .artist [data-section-label="video"] .features .rd-card__subtitle strong, .artist [data-section-label="video"] .grid .rd-card__title em, .artist [data-section-label="video"] .grid .rd-card__title strong, .artist [data-section-label="video"] .grid .rd-card__subtitle em, .artist [data-section-label="video"] .grid .rd-card__subtitle strong { color: #000 !important; } .light-content .features .rd-card__meta, .light-content .grid .rd-card__meta, .artist [data-section-label="video"] .features .rd-card__meta, .artist [data-section-label="video"] .grid .rd-card__meta { background-color: #fff !important; } .light-content .rd-hero__padding, .artist [data-section-label="video"] .rd-hero__padding { background-color: #F6F5F0; } .extra-content h1, .extra-content h2, .extra-content h3, .extra-content h4, .extra-content p, .extra-content a, .extra-content .program-meta, .extra-content .program-meta-ticketing, .extra-content .rd-hero__cta, .extra-content #program-bodytext, .extra-content .program-bodytext-content span, .extra-content .all-dates label, .extra-content .quiet { color: #000 !important; } .extra-content h1.button--secondary, .extra-content h2.button--secondary, .extra-content h3.button--secondary, .extra-content h4.button--secondary, .extra-content p.button--secondary, .extra-content a.button--secondary, .extra-content .program-meta.button--secondary, .extra-content .program-meta-ticketing.button--secondary, .extra-content .rd-hero__cta.button--secondary, .extra-content #program-bodytext.button--secondary, .extra-content .program-bodytext-content span.button--secondary, .extra-content .all-dates label.button--secondary, .extra-content .quiet.button--secondary { background-color: #000 !important; color: #fff !important; border: 2px solid #000 !important; } .extra-content h1.button--secondary:hover, .extra-content h2.button--secondary:hover, .extra-content h3.button--secondary:hover, .extra-content h4.button--secondary:hover, .extra-content p.button--secondary:hover, .extra-content a.button--secondary:hover, .extra-content .program-meta.button--secondary:hover, .extra-content .program-meta-ticketing.button--secondary:hover, .extra-content .rd-hero__cta.button--secondary:hover, .extra-content #program-bodytext.button--secondary:hover, .extra-content .program-bodytext-content span.button--secondary:hover, .extra-content .all-dates label.button--secondary:hover, .extra-content .quiet.button--secondary:hover { background-color: transparent !important; color: #000 !important; } .extra-content h1.button--primary, .extra-content h2.button--primary, .extra-content h3.button--primary, .extra-content h4.button--primary, .extra-content p.button--primary, .extra-content a.button--primary, .extra-content .program-meta.button--primary, .extra-content .program-meta-ticketing.button--primary, .extra-content .rd-hero__cta.button--primary, .extra-content #program-bodytext.button--primary, .extra-content .program-bodytext-content span.button--primary, .extra-content .all-dates label.button--primary, .extra-content .quiet.button--primary { border: 2px solid #000 !important; } .extra-content h1.button--primary:hover, .extra-content h2.button--primary:hover, .extra-content h3.button--primary:hover, .extra-content h4.button--primary:hover, .extra-content p.button--primary:hover, .extra-content a.button--primary:hover, .extra-content .program-meta.button--primary:hover, .extra-content .program-meta-ticketing.button--primary:hover, .extra-content .rd-hero__cta.button--primary:hover, .extra-content #program-bodytext.button--primary:hover, .extra-content .program-bodytext-content span.button--primary:hover, .extra-content .all-dates label.button--primary:hover, .extra-content .quiet.button--primary:hover { background-color: #000 !important; color: #fff !important; opacity: 1 !important; } .extra-content h1 hr, .extra-content h2 hr, .extra-content h3 hr, .extra-content h4 hr, .extra-content p hr, .extra-content a hr, .extra-content .program-meta hr, .extra-content .program-meta-ticketing hr, .extra-content .rd-hero__cta hr, .extra-content #program-bodytext hr, .extra-content .program-bodytext-content span hr, .extra-content .all-dates label hr, .extra-content .quiet hr { background: #000 !important; } .extra-content .features .rd-card__title, .extra-content .features .rd-card__subtitle { color: #000 !important; } .extra-content .features .rd-card__title em, .extra-content .features .rd-card__title strong, .extra-content .features .rd-card__subtitle em, .extra-content .features .rd-card__subtitle strong { color: #000 !important; } .extra-content .features .rd-card__meta { background-color: transparent !important; } .beige-content .features .rd-card__meta, .beige-content .grid .rd-card__meta { background-color: #fff !important; } .light-text h1, .light-text h2, .light-text h3, .light-text p, .light-text a { color: #fff !important; } .rd-hero { border: 0 !important; margin: 0 !important; } .rd-hero .rd-hero__padding { padding: 2em 1.5em; } @media screen and (max-width: 768px) { .rd-hero .rd-hero__padding { padding: 1.5em 1em; } } .rd-hero .rd-hero__title, .rd-hero .rd-hero__cta, .rd-hero .rd-hero__subtitle { text-align: left; max-width: 100%; margin: 0; padding: 0; } .rd-hero .rd-hero__text { max-width: 100%; text-align: left; padding: 1em 0; width: 100%; } .rd-hero .rd-hero__meta { align-items: flex-start; justify-content: flex-start; } .button--primary, .rd-hero__cta { border: 2px solid #000 !important; background-color: transparent !important; border-radius: 60px !important; padding: 5px 12px 2px !important; } .button--primary:hover, .rd-hero__cta:hover { background-color: #000 !important; color: #fff !important; } .button--secondary { border: 2px solid #fff !important; background-color: #fff !important; border-radius: 60px !important; padding: 5px 12px 2px !important; color: #000 !important; } .button--secondary:hover { background-color: #000 !important; color: #fff !important; } .button--secondary--dark, [data-section-label="choose-upcoming-events"] .rd-section__heading a, .featured-events .rd-section__heading a { border: 2px solid #000 !important; background-color: #000 !important; border-radius: 60px !important; padding: 5px 12px 2px !important; color: #fff !important; } .button--secondary--dark:hover, [data-section-label="choose-upcoming-events"] .rd-section__heading a:hover, .featured-events .rd-section__heading a:hover { background-color: transparent !important; color: #000 !important; } .button--secondary--dark i, [data-section-label="choose-upcoming-events"] .rd-section__heading a i, .featured-events .rd-section__heading a i { display: none; } form.calendar input[type=submit] { padding: 4px 12px 2px !important; border-radius: 60px !important; background-color: #fff !important; color: #000 !important; } form.calendar input[type=submit]:hover { opacity: 0.65; } .triennial-extra form.calendar input[type=submit] { background-color: #0D2DE2 !important; color: #fff !important; } form.calendar img { display: none; } .rd-hero__cta i { display: none; } @font-face { font-family: 'gotham'; src: url("/wp-content/themes/NGV/fonts/gotham/Gotham-Medium.woff2") format("woff2"), url("/wp-content/themes/NGV/fonts/gotham/Gotham-Medium.woff") format("woff"), url("/wp-content/themes/NGV/fonts/gotham/Gotham-Medium.ttf") format("truetype"); font-weight: normal; font-style: normal; } h1, h2, h4, .features-three .rd-card__title, .rd-hero__title, .rd-hero__subtitle, .rd-video-hero__heading, .rd-promo__title, .rd-card__title, .rd-site-footer ul li a, #pop-sitemap-triennial ul li a { font-family: 'gotham', helvetica, 'fallBackArial', sans-serif !important; text-transform: uppercase; } h3, p, a, p em, h3 em, strong, .rd-card__info, .rd-card__subtitle, .rd-hero__cta, .program-meta, .program-meta-ticketing, .program-bodytext-content, .all-dates label, input[type=submit] { font-family: 'gotham', helvetica, 'fallBackArial', sans-serif !important; } em { font-style: italic !important; } .mfp-title em, .tooltip em, .tooltipster-content em { font-family: 'Swiss721BT-LightItalic', sans-serif !important; font-style: normal; } h1, h2, h4, .features-two .rd-card__title { line-height: 1.1em !important; } @media screen and (min-width: 320px) { .rd-section h1 { font-size: calc(30px + 20 * (100vw - 320px) / 1040) !important; } } @media screen and (min-width: 1360px) { .rd-section h1 { font-size: 60px !important; } } @media screen and (min-width: 320px) { .rd-section h2.large, h3 div.extra-title { font-size: calc(27px + 9 * (100vw - 320px) / 1040) !important; } } @media screen and (min-width: 1360px) { .rd-section h2.large, h3 div.extra-title { font-size: 40px !important; } } h3 div.extra-title { position: absolute; top: 4px; } @media screen and (min-width: 320px) { .rd-section h2 { font-size: calc(22px + 9 * (100vw - 320px) / 1040) !important; } } @media screen and (min-width: 1360px) { .rd-section h2 { font-size: 35px !important; } } .features-six .rd-card__title, .features-six .rd-card__title em, .features-five .rd-card__title, .features-five .rd-card__title em, .features-four .rd-card__title, .features-four .rd-card__title em, .grid .rd-card__title, .grid .rd-card__title em, [data-section-label="choose-upcoming-events"] .features-four .rd-card__title, [data-section-label="choose-upcoming-events"] .features-four .rd-card__title em, .featured-events .features-four .rd-card__title, .featured-events .features-four .rd-card__title em { text-transform: none !important; line-height: 1.1em !important; margin-top: 0em !important; } @media screen and (min-width: 1360px) { .features-six .rd-card__title, .features-six .rd-card__title em, .features-five .rd-card__title, .features-five .rd-card__title em, .features-four .rd-card__title, .features-four .rd-card__title em, .grid .rd-card__title, .grid .rd-card__title em, [data-section-label="choose-upcoming-events"] .features-four .rd-card__title, [data-section-label="choose-upcoming-events"] .features-four .rd-card__title em, .featured-events .features-four .rd-card__title, .featured-events .features-four .rd-card__title em { font-size: 22px !important; } } @media screen and (min-width: 320px) and (max-width: 1359px) { .features-six .rd-card__title, .features-six .rd-card__title em, .features-five .rd-card__title, .features-five .rd-card__title em, .features-four .rd-card__title, .features-four .rd-card__title em, .grid .rd-card__title, .grid .rd-card__title em, [data-section-label="choose-upcoming-events"] .features-four .rd-card__title, [data-section-label="choose-upcoming-events"] .features-four .rd-card__title em, .featured-events .features-four .rd-card__title, .featured-events .features-four .rd-card__title em { font-size: calc(18px + 4 * (100vw - 320px) / 1040) !important; } } .features-six .rd-card__subtitle, .features-six .small, .features-six .rd-card__info, .features-five .rd-card__subtitle, .features-five .small, .features-five .rd-card__info, .features-four .rd-card__subtitle, .features-four .small, .features-four .rd-card__info, .grid .rd-card__subtitle, .grid .small, .grid .rd-card__info, [data-section-label="choose-upcoming-events"] .features-four .rd-card__subtitle, [data-section-label="choose-upcoming-events"] .features-four .small, [data-section-label="choose-upcoming-events"] .features-four .rd-card__info, .featured-events .features-four .rd-card__subtitle, .featured-events .features-four .small, .featured-events .features-four .rd-card__info { text-transform: none !important; line-height: 1.1em !important; } @media screen and (min-width: 1360px) { .features-six .rd-card__subtitle, .features-six .small, .features-six .rd-card__info, .features-five .rd-card__subtitle, .features-five .small, .features-five .rd-card__info, .features-four .rd-card__subtitle, .features-four .small, .features-four .rd-card__info, .grid .rd-card__subtitle, .grid .small, .grid .rd-card__info, [data-section-label="choose-upcoming-events"] .features-four .rd-card__subtitle, [data-section-label="choose-upcoming-events"] .features-four .small, [data-section-label="choose-upcoming-events"] .features-four .rd-card__info, .featured-events .features-four .rd-card__subtitle, .featured-events .features-four .small, .featured-events .features-four .rd-card__info { font-size: 15px !important; } } @media screen and (min-width: 320px) and (max-width: 1359px) { .features-six .rd-card__subtitle, .features-six .small, .features-six .rd-card__info, .features-five .rd-card__subtitle, .features-five .small, .features-five .rd-card__info, .features-four .rd-card__subtitle, .features-four .small, .features-four .rd-card__info, .grid .rd-card__subtitle, .grid .small, .grid .rd-card__info, [data-section-label="choose-upcoming-events"] .features-four .rd-card__subtitle, [data-section-label="choose-upcoming-events"] .features-four .small, [data-section-label="choose-upcoming-events"] .features-four .rd-card__info, .featured-events .features-four .rd-card__subtitle, .featured-events .features-four .small, .featured-events .features-four .rd-card__info { font-size: calc(13px + 2 * (100vw - 320px) / 1040) !important; } } @media screen and (min-width: 1360px) { .features-two .rd-card__title, .features-three .rd-card__title, .desktop-scroll .rd-card__title, .desktop-scroll-extra .rd-card__title { font-size: 32px !important; line-height: 1.1em !important; } } @media screen and (min-width: 320px) and (max-width: 1359px) { .features-two .rd-card__title, .features-three .rd-card__title, .desktop-scroll .rd-card__title, .desktop-scroll-extra .rd-card__title { font-size: calc(22px + 9 * (100vw - 320px) / 1040) !important; line-height: 1.1em !important; } } @media screen and (min-width: 1360px) { .rd-section p, .rd-card__info, .rd-card__info p, .button, .rd-site-footer p, .rd-site-footer ul li a, #pop-sitemap-triennial p, #pop-sitemap-triennial ul li a, h4, a.tablinks, a.reset-filter, input.search-field, h3.listing-title, .program-meta, .program-meta-ticketing { font-size: 20px !important; line-height: 30px !important; } } @media screen and (min-width: 320px) and (max-width: 1359px) { .rd-section p, .rd-card__info, .rd-card__info p, .button, .rd-site-footer p, .rd-site-footer ul li a, #pop-sitemap-triennial p, #pop-sitemap-triennial ul li a, h4, a.tablinks, a.reset-filter, input.search-field, h3.listing-title, .program-meta, .program-meta-ticketing { font-size: calc(16px + 4 * (100vw - 320px) / 1040) !important; line-height: 24px !important; } } .button { line-height: 1.1em !important; } h3.listing-title { line-height: 1.4 !important; } [data-section-label="extra-title"] h1 { text-align: left !important; } .small, form.calendar input[type=submit], .button.small { text-transform: none !important; line-height: 1.1em !important; } @media screen and (min-width: 1360px) { .small, form.calendar input[type=submit], .button.small { font-size: 15px !important; } } @media screen and (min-width: 320px) and (max-width: 1359px) { .small, form.calendar input[type=submit], .button.small { font-size: calc(13px + 2 * (100vw - 320px) / 1040) !important; } } @-webkit-keyframes rd-site-header { 0% { -webkit-transform: translateY(-71px); transform: translateY(-71px); opacity: 1; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes rd-site-header { 0% { -webkit-transform: translateY(-71px); transform: translateY(-71px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .dates { margin-left: 2em; } .dates h4 { line-height: 1.1em !important; } @media screen and (max-width: 1200px) { .dates { margin-left: 1.5em; } .dates h4 { font-size: calc(14px + 2 * (100vw - 320px) / 1040) !important; } } @media screen and (max-width: 1060px) { .dates { display: none; } } .rd-site-header { height: 80px !important; z-index: 10000 !important; } @media screen and (max-width: 540px) { .rd-site-header { height: 60px !important; } } .rd-site-header .ngv-site-nav { position: absolute; left: 0; max-width: 100% !important; width: 100%; opacity: 1 !important; } @media screen and (min-width: 541px) and (max-width: 730px) { .rd-site-header .ngv-site-nav svg { width: 230px; } } @media screen and (min-width: 401px) and (max-width: 540px) { .rd-site-header .ngv-site-nav svg { width: 170px; } } @media screen and (max-width: 400px) { .rd-site-header .ngv-site-nav svg { width: 130px; } } .rd-site-header .ngv-site-logo { z-index: 99; } @media screen and (min-width: 401px) and (max-width: 540px) { .rd-site-header .ngv-site-logo--img { width: 75px; } } @media screen and (max-width: 400px) { .rd-site-header .ngv-site-logo--img { width: 55px; } } .rd-site-header .ngv-nav-tools__menu_mn { width: auto !important; } @media screen and (max-width: 440px) { .rd-site-header .ngv-nav-tools__menu_mn span.text { display: none; } } .rd-site-header .ngv-nav-tools__menu_mn .menu-closed, .rd-site-header .ngv-nav-tools__menu_mn .menu-open { display: block; } .rd-site-header .ngv-nav-tools__menu_mn .menu-closed.hide, .rd-site-header .ngv-nav-tools__menu_mn .menu-open.hide { display: none; } @media screen and (min-width: 401px) and (max-width: 540px) { .rd-site-header .ngv-nav-tools__menu_mn .menu-closed, .rd-site-header .ngv-nav-tools__menu_mn .menu-open { width: 29px; } } @media screen and (max-width: 400px) { .rd-site-header .ngv-nav-tools__menu_mn .menu-closed, .rd-site-header .ngv-nav-tools__menu_mn .menu-open { width: 20px; } } .rd-site-header .ngv-nav-tools { width: 50px !important; flex-direction: row-reverse; position: absolute; right: 30px; padding-top: 8px; } @media screen and (min-width: 540px) { .rd-site-header .ngv-nav-tools { width: 104px !important; } } @media screen and (min-width: 440px) { .rd-site-header .ngv-nav-tools { width: 70px !important; } } @media screen and (max-width: 1360px) { .rd-site-header .ngv-nav-tools { right: calc(20px + 10 * (100vw - 320px) / 1040); } } .rd-site-header .ngv-nav-tools button { column-gap: 10px; } .rd-site-header .ngv-nav-tools button i { margin-top: -2px; width: 12px; } .rd-site-header .ngv-nav-tools .search-btn { cursor: pointer; margin-right: 1em; } @media screen and (min-width: 401px) and (max-width: 540px) { .rd-site-header .ngv-nav-tools .search-btn { margin-right: 0.8em; } } @media screen and (max-width: 400px) { .rd-site-header .ngv-nav-tools .search-btn { margin-right: 0.5em; } } .rd-site-header .ngv-nav-tools .search-btn svg { margin-top: 0.3em; } @media screen and (min-width: 401px) and (max-width: 540px) { .rd-site-header .ngv-nav-tools .search-btn svg { width: 29px; } } @media screen and (max-width: 400px) { .rd-site-header .ngv-nav-tools .search-btn svg { width: 20px; } } .rd-site-header .search-box { position: absolute; z-index: 999; width: 100%; background-color: #fff; display: flex; height: 100%; align-items: center; } .rd-site-header .search-box form { display: flex; align-items: center; justify-content: space-between; } @media screen and (min-width: 320px) { .rd-site-header .search-box form { width: calc(100% - (calc(40px + 20 * (100vw - 320px) / 1040))); } } @media screen and (min-width: 1360px) { .rd-site-header .search-box form { width: calc(100% - 60px); } } .rd-site-header .search-box form .form-group { width: calc(100% - 170px); } .rd-site-header .search-box form .form-group input { width: 100%; border: 0; border-left: 2px solid #000; border-radius: 0; padding-left: 20px; height: 45px; font-family: 'gotham', helvetica, 'fallBackArial', sans-serif !important; } @media screen and (max-width: 768px) { .rd-site-header .search-box form .form-group input { padding-left: 10px; } } .rd-site-header .search-box form .form-group-buttons { display: flex; } .rd-site-header .search-box form .form-group-buttons .button--secondary { border: 2px solid #000 !important; background-color: #000 !important; color: #fff !important; margin-bottom: 0; margin-right: 0.7em; } .rd-site-header .search-box form .form-group-buttons .button--secondary:hover { background-color: transparent !important; color: #000 !important; } .rd-site-header .search-box .search-open { cursor: pointer; height: 33px; width: 28px; } .nav-is-open .rd-site-header { background-color: #fff !important; } .nav-is-open .rd-site-header--border { display: block; height: 2px; background-color: #000; } .rd-site-header--border { display: none; } #pop-sitemap-triennial { background-color: #fff !important; top: 80px !important; position: fixed; width: 100%; height: auto; top: 0; left: 0; z-index: 100000; overflow: auto; } @media screen and (max-width: 540px) { #pop-sitemap-triennial { top: 60px !important; bottom: 0; z-index: 9; } #pop-sitemap-triennial .inside { overflow-y: scroll; } } #pop-sitemap-triennial .inside { padding-top: 4em !important; padding-bottom: 2em !important; } @media screen and (max-width: 480px) { #pop-sitemap-triennial .inside { padding-top: 2em !important; padding-bottom: 1em !important; } } #pop-sitemap-triennial .rd-follow-ngv a svg circle { fill: black !important; } #pop-sitemap-triennial .rd-follow-ngv a svg #instagram, #pop-sitemap-triennial .rd-follow-ngv a svg #facebook, #pop-sitemap-triennial .rd-follow-ngv a svg #linkedin-logo, #pop-sitemap-triennial .rd-follow-ngv a svg #youtube-symbol, #pop-sitemap-triennial .rd-follow-ngv a svg #twitter, #pop-sitemap-triennial .rd-follow-ngv a svg #threads, #pop-sitemap-triennial .rd-follow-ngv a svg #spotify-logo, #pop-sitemap-triennial .rd-follow-ngv a svg #sina-weibo, #pop-sitemap-triennial .rd-follow-ngv a svg #wechat, #pop-sitemap-triennial .rd-follow-ngv a svg #redbook path { fill: white !important; } .rd-site-footer { background-color: #F6F5F0 !important; z-index: 9; position: relative; padding: 4em 0 2em !important; } .rd-site-footer .rd-follow-ngv a svg circle { fill: black !important; } .rd-site-footer .rd-follow-ngv a svg #instagram, .rd-site-footer .rd-follow-ngv a svg #facebook, .rd-site-footer .rd-follow-ngv a svg #linkedin-logo, .rd-site-footer .rd-follow-ngv a svg #youtube-symbol, .rd-site-footer .rd-follow-ngv a svg #twitter, .rd-site-footer .rd-follow-ngv a svg #threads, .rd-site-footer .rd-follow-ngv a svg #spotify-logo, .rd-site-footer .rd-follow-ngv a svg #sina-weibo, .rd-site-footer .rd-follow-ngv a svg #wechat, .rd-site-footer .rd-follow-ngv a svg #redbook path { fill: white !important; } .rd-site-footer #LIGHT\/SECTION\/FOOTER { fill: #000; } .rd-site-footer .feature, #pop-sitemap-triennial .feature { margin-bottom: 2em; } @media screen and (max-width: 540px) { .rd-site-footer .feature:nth-of-type(1), #pop-sitemap-triennial .feature:nth-of-type(1) { margin-bottom: 0; } } .rd-site-footer ul, #pop-sitemap-triennial ul { margin: 0; padding: 0; list-style: none; } .rd-site-footer ul li, #pop-sitemap-triennial ul li { padding-bottom: 0.18em; } .rd-site-footer ul li i, #pop-sitemap-triennial ul li i { font-size: 85%; } .rd-site-footer .rd-follow-ngv, #pop-sitemap-triennial .rd-follow-ngv { padding: 0; text-align: left; } @media screen and (max-width: 480px) { .rd-site-footer .rd-follow-ngv, #pop-sitemap-triennial .rd-follow-ngv { margin: 0; } } .rd-site-footer .rd-follow-ngv ul, #pop-sitemap-triennial .rd-follow-ngv ul { margin: 1.2em 0 0 0 !important; max-width: 200px; } .rd-site-footer .rd-follow-ngv a:hover, #pop-sitemap-triennial .rd-follow-ngv a:hover { opacity: 0.65; } .rd-site-footer .cv-logo, #pop-sitemap-triennial .cv-logo { text-align: right; margin-top: 4em; } @media screen and (max-width: 480px) { .rd-site-footer .cv-logo, #pop-sitemap-triennial .cv-logo { margin-top: 2em; } } @media screen and (max-width: 768px) { .rd-site-footer .cv-logo, #pop-sitemap-triennial .cv-logo { text-align: left; } } [data-section-label="hero-video"] { padding-bottom: 0 !important; margin-bottom: 0 !important; z-index: 9; height: 100vh !important; position: fixed; margin-top: -71px; } [data-section-label="hero-video"] .video-container { height: 100vh; } [data-section-label="hero-video"] .video-container video { object-fit: cover; height: 100vh; } [data-section-label="hero-video"] .video-container .bg-image-extra { width: 100%; position: fixed; object-fit: cover; height: 100vh; -webkit-animation-name: kenburns; animation-name: kenburns; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 40s; animation-duration: 40s; opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-animation-name: kenburns-extra; animation-name: kenburns-extra; z-index: 7; } [data-section-label="hero-video"] .video-container .bg-image { width: 100%; position: fixed; object-fit: cover; height: 100vh; -webkit-animation-name: kenburns; animation-name: kenburns; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 40s; animation-duration: 40s; opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); } [data-section-label="hero-video"] .video-container .bg-image:nth-child(1) { -webkit-animation-name: kenburns-1; animation-name: kenburns-1; z-index: 7; } [data-section-label="hero-video"] .video-container .bg-image:nth-child(2) { -webkit-animation-name: kenburns-2; animation-name: kenburns-2; z-index: 6; } [data-section-label="hero-video"] .video-container .bg-image:nth-child(3) { -webkit-animation-name: kenburns-3; animation-name: kenburns-3; z-index: 5; } [data-section-label="hero-video"] .video-container .bg-image:nth-child(4) { -webkit-animation-name: kenburns-4; animation-name: kenburns-4; z-index: 4; } [data-section-label="hero-video"] .video-container .bg-image:nth-child(5) { -webkit-animation-name: kenburns-5; animation-name: kenburns-5; z-index: 3; } [data-section-label="hero-video"] .video-container .bg-image:nth-child(6) { -webkit-animation-name: kenburns-6; animation-name: kenburns-6; z-index: 2; } [data-section-label="hero-video"] .video-container .bg-image:nth-child(7) { -webkit-animation-name: kenburns-7; animation-name: kenburns-7; z-index: 1; } [data-section-label="hero-video"] .video-container .bg-image:nth-child(8) { -webkit-animation-name: kenburns-8; animation-name: kenburns-8; z-index: 0; } @-webkit-keyframes kenburns-extra { 0% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); } 1.5625% { opacity: 1; } 23.4375% { opacity: 1; } 26.5625% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); } 98.4375% { opacity: 1; -webkit-transform: scale(1.21176); transform: scale(1.21176); } 100% { opacity: 1; } } @keyframes kenburns-extra { 0% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); } 1.5625% { opacity: 1; } 23.4375% { opacity: 1; } 26.5625% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); } 98.4375% { opacity: 1; -webkit-transform: scale(1.21176); transform: scale(1.21176); } 100% { opacity: 1; } } @-webkit-keyframes kenburns-1 { 0% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); } 1.5625% { opacity: 1; } 23.4375% { opacity: 1; } 26.5625% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } 98.4375% { opacity: 0; -webkit-transform: scale(1.21176); transform: scale(1.21176); } 100% { opacity: 1; } } @keyframes kenburns-1 { 0% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); } 1.5625% { opacity: 1; } 23.4375% { opacity: 1; } 26.5625% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } 98.4375% { opacity: 0; -webkit-transform: scale(1.21176); transform: scale(1.21176); } 100% { opacity: 1; } } @-webkit-keyframes kenburns-2 { 14.2857% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 26.5625% { opacity: 1; } 48.4375% { opacity: 1; } 51.5625% { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } } @keyframes kenburns-2 { 14.2857% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 26.5625% { opacity: 1; } 48.4375% { opacity: 1; } 51.5625% { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes kenburns-3 { 28.5714% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); } 51.5625% { opacity: 1; } 73.4375% { opacity: 1; } 76.5625% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes kenburns-3 { 28.5714% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); } 51.5625% { opacity: 1; } 73.4375% { opacity: 1; } 76.5625% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } } @-webkit-keyframes kenburns-4 { 42.8571% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 76.5625% { opacity: 1; } 98.4375% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes kenburns-4 { 42.8571% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 76.5625% { opacity: 1; } 98.4375% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } } @-webkit-keyframes kenburns-5 { 57.1438% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); } 51.5625% { opacity: 1; } 73.4375% { opacity: 1; } 76.5625% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes kenburns-5 { 57.1438% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); } 51.5625% { opacity: 1; } 73.4375% { opacity: 1; } 76.5625% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } } @-webkit-keyframes kenburns-6 { 71.4298% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 76.5625% { opacity: 1; } 98.4375% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes kenburns-6 { 71.4298% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 76.5625% { opacity: 1; } 98.4375% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } } @-webkit-keyframes kenburns-7 { 85.71% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); } 51.5625% { opacity: 1; } 73.4375% { opacity: 1; } 76.5625% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes kenburns-7 { 85.71% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); } 51.5625% { opacity: 1; } 73.4375% { opacity: 1; } 76.5625% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } 100% { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } } @-webkit-keyframes kenburns-8 { 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 76.5625% { opacity: 1; } 98.4375% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes kenburns-8 { 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 76.5625% { opacity: 1; } 98.4375% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale(1.2); transform: scale(1.2); } } [data-section-label="animation"] { position: absolute; top: 0; z-index: 99; height: 100vh; width: 100%; } [data-section-label="animation"] svg { width: 100%; height: auto; } .animation-details { z-index: 9; height: 100vh; width: 100%; display: flex; flex-direction: column; justify-content: center; } .animation-details .inside { padding-top: 12em; } .animation-details .inside.extra-inside { padding-top: 1em; } @media screen and (max-width: 768px) { .animation-details .inside { padding-top: 7em; } .animation-details .inside.extra-inside { padding-top: 5em; } } @media screen and (max-height: 630px) { .animation-details .inside { padding-top: 0em; } .animation-details .inside.extra-inside { padding-top: 0em; } } .animation-details .inside svg { max-width: 100%; } .animation-details .inside svg.extra-svg { margin-bottom: 3em; height: auto; } @media screen and (max-height: 630px) { .animation-details .inside svg.extra-svg { margin-bottom: 1em; } } .animation-details h2 { margin-top: 3em; } @media screen and (max-height: 770px) { .animation-details h2 { margin-top: 0em; } } .scale-in-center { z-index: 9999; width: 100%; height: 100%; position: fixed; background-size: cover; background-position: center; -webkit-animation: scale-in-center 3s cubic-bezier(0.85, 0.055, 0.675, 0.19) 3s both; animation: scale-in-center 3s cubic-bezier(0.85, 0.055, 0.675, 0.19) 3s both; } @-webkit-keyframes scale-in-center { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(30); transform: scale(30); opacity: 1; display: none; } } @keyframes scale-in-center { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 100% { -webkit-transform: scale(30); transform: scale(30); opacity: 1; display: none; } } .animation-details { position: absolute; text-align: center; -webkit-animation: animation-details 0.5s ease-in 1s both; animation: animation-details 0.5s ease-in 1s both; } @-webkit-keyframes animation-details { 0% { opacity: 1; } 100% { opacity: 1; } } @keyframes animation-details { 0% { opacity: 0; } 100% { opacity: 1; } } .T-mask { padding-bottom: 0 !important; margin-bottom: 0 !important; margin-top: -8em; } .T-mask.image-mask .inside { padding: 0 !important; max-width: 100% !important; display: grid; grid-template-columns: 30px calc(100% - 60px) 30px; } @media screen and (min-width: 1420px) { .T-mask.image-mask .inside { grid-template-columns: 1fr 1360px 1fr; } } .T-mask.image-mask .inside div { height: 8em; } @media screen and (min-width: 769px) and (max-width: 1180px) { .T-mask.image-mask .inside div { height: 6em; } } @media screen and (max-width: 768px) { .T-mask.image-mask .inside div { height: 4em; } } .T-mask.image-mask .inside div.mask { background-color: transparent !important; } .T-mask.wide-mask { margin-top: -3em; background-color: #fff; } @media screen and (max-width: 768px) { .T-mask.wide-mask { margin-top: 0em; } } .T-mask.wide-mask .inside { max-width: 1360px !important; background-color: #F6F5F0; min-height: 8em; } @media screen and (min-width: 769px) and (max-width: 1180px) { .T-mask.wide-mask .inside { min-height: 6em; } } @media screen and (max-width: 768px) { .T-mask.wide-mask .inside { min-height: 4em; } } @media screen and (min-width: 320px) and (max-width: 1419px) { .T-mask.wide-mask .inside { margin-right: calc(20px + 10 * (100vw - 320px) / 1040) !important; margin-left: calc(20px + 10 * (100vw - 320px) / 1040) !important; } } .T-mask.wide-mask.extra-wide-mask .inside { background-color: #F6F5F0; } .T-mask.dark-mask .inside div { background-color: #F6F5F0; } .T-mask.extra-mask .inside div { background-color: #0D2DE2 !important; } .T-mask.light-mask .inside div { background-color: #fff; } .T-mask.light-mask .inside div.mask { background-color: #F6F5F0 !important; } .T-mask.white-mask .inside div { background-color: #fff; } .T-mask.white-mask .inside div.mask { background-color: #F6F5F0 !important; } .T-mask-hero { padding-bottom: 0 !important; margin-bottom: 0 !important; } .T-mask-hero .inside { padding: 0 !important; max-width: 100% !important; display: grid; grid-template-columns: 30px calc(100% - 60px) 30px; } @media screen and (min-width: 1420px) { .T-mask-hero .inside { grid-template-columns: 1fr 1360px 1fr; } } .T-mask-hero .inside .mask-edge { background-color: #F6F5F0; min-height: 8em; } @media screen and (max-width: 768px) { .T-mask-hero .inside .mask-edge { min-height: 4em; } } .T-mask-hero .inside .mask { background-color: #000 !important; min-height: 8em; } @media screen and (max-width: 768px) { .T-mask-hero .inside .mask { min-height: 4em; } } .triennial-extra-upcoming .feature { display: none !important; } .triennial-extra-upcoming .feature.today, .triennial-extra-upcoming .feature.first-date { display: block !important; } @media screen and (min-width: 960px) { .app { display: none; } .features-six { display: grid; } } @media screen and (max-width: 959px) { :root { --gutter: 0px; } .mobile-scroll .inside { display: grid; grid-gap: var(--gutter) 0; grid-template-columns: var(--gutter) 1fr var(--gutter); align-content: start; padding-right: 0 !important; margin-right: -30px !important; } .mobile-scroll .inside > * { grid-column: 1 / -2; width: 100%; } .mobile-scroll .inside > .features { grid-column: 1 / -1 !important; } .mobile-scroll .inside > .features.features-five { grid-column: 1 / -1 !important; grid-template-columns: 1fr !important; } .mobile-scroll .features { display: grid !important; grid-gap: 0px !important; grid-template-columns: 0px !important; grid-template-rows: minmax(0px, 1fr) !important; grid-auto-flow: column; overflow-x: scroll; scroll-snap-type: x proximity; padding-left: 26px !important; padding-bottom: calc(.75 * var(--gutter)) !important; margin-bottom: calc(-.25 * var(--gutter)) !important; margin-left: -26px !important; } } @media screen and (max-width: 959px) and (min-width: 320px) and (max-width: 479px) { .mobile-scroll .features { grid-auto-columns: calc(68% - var(--gutter) * 2); } } @media screen and (max-width: 959px) and (min-width: 480px) and (max-width: 767px) { .mobile-scroll .features { grid-auto-columns: calc(68% - var(--gutter) * 2); } } @media screen and (max-width: 959px) and (min-width: 768px) and (max-width: 959px) { .mobile-scroll .features { grid-auto-columns: calc(42% - var(--gutter) * 2); } } @media screen and (max-width: 959px) { @supports (grid-template-areas: "fallback") { .rd-section.mobile-scroll .features:before { display: block !important; } .rd-section.mobile-scroll .features > .feature { margin-right: 20px !important; } } .mobile-scroll .features:before { content: '' !important; width: 0px; display: block !important; } .mobile-scroll .features { scrollbar-width: none; margin-bottom: 0; padding-bottom: 0; } .mobile-scroll .features::-webkit-scrollbar { display: none; } .mobile-scroll .feature { scroll-snap-align: center !important; display: flex !important; flex-direction: column !important; } } @media screen and (max-width: 959px) { .mobile-scroll .rd-section__heading { padding-bottom: 1em; } } @media screen and (max-width: 768px) { .mobile-scroll .rd-section__heading { padding-bottom: 0; } } .desktop-scroll .rd-section__heading, .desktop-scroll-extra .rd-section__heading { padding: 1em 0 3.5em 0; } .desktop-scroll .rd-section__heading h3, .desktop-scroll-extra .rd-section__heading h3 { width: 100%; } .desktop-scroll .left, .desktop-scroll-extra .left { right: 0; } .desktop-scroll .right, .desktop-scroll-extra .right { right: 1.8em; } @media screen and (max-width: 980px) { .desktop-scroll .right, .desktop-scroll-extra .right { right: 1.5em; } } .desktop-scroll .right, .desktop-scroll .left, .desktop-scroll-extra .right, .desktop-scroll-extra .left { background: transparent !important; padding: 0; position: absolute; top: 50%; width: 40px; height: 40px; border: none; } @media screen and (max-width: 980px) { .desktop-scroll .right, .desktop-scroll .left, .desktop-scroll-extra .right, .desktop-scroll-extra .left { width: 34px; height: 34px; } } @media screen and (max-width: 768px) { .desktop-scroll .right, .desktop-scroll .left, .desktop-scroll-extra .right, .desktop-scroll-extra .left { display: none; } } .desktop-scroll .right svg, .desktop-scroll .left svg, .desktop-scroll-extra .right svg, .desktop-scroll-extra .left svg { width: 40px; height: 40px; } @media screen and (max-width: 980px) { .desktop-scroll .right svg, .desktop-scroll .left svg, .desktop-scroll-extra .right svg, .desktop-scroll-extra .left svg { width: 34px; height: 34px; } } .desktop-scroll .inside, .desktop-scroll-extra .inside { display: grid; grid-gap: var(--gutter) 0; grid-template-columns: var(--gutter) 1fr var(--gutter); align-content: start; } .desktop-scroll .inside .features-four .rd-card__title, .desktop-scroll-extra .inside .features-four .rd-card__title { text-transform: uppercase !important; } .desktop-scroll .inside > *, .desktop-scroll-extra .inside > * { grid-column: 2 / -2; } .desktop-scroll .inside > .features, .desktop-scroll-extra .inside > .features { grid-column: 1 / -1 !important; } .desktop-scroll .features, .desktop-scroll-extra .features { display: grid !important; grid-gap: 0px !important; grid-template-columns: 0px !important; grid-template-rows: minmax(0px, 1fr) !important; grid-auto-flow: column; overflow-x: scroll; scroll-snap-type: x proximity; padding-bottom: calc(.75 * var(--gutter)) !important; margin-bottom: calc(-.25 * var(--gutter)) !important; } @media screen and (min-width: 320px) and (max-width: 767px) { .desktop-scroll .features, .desktop-scroll-extra .features { grid-auto-columns: calc(68% - var(--gutter) * 2); margin-right: -30px; margin-left: -30px; padding-left: calc(20px + 10*(100vw - 320px) / 1040) !important; } } @media screen and (min-width: 768px) and (max-width: 1179px) { .desktop-scroll .features, .desktop-scroll-extra .features { grid-auto-columns: calc(42% - var(--gutter) * 2); margin-right: -30px; margin-left: -30px; padding-left: calc(20px + 10*(100vw - 320px) / 1040) !important; } } @media screen and (min-width: 1180px) { .desktop-scroll .features, .desktop-scroll-extra .features { grid-auto-columns: calc(31% - var(--gutter) * 2); } } @supports (grid-template-areas: "fallback") { .rd-section.desktop-scroll .features:before, .rd-section.desktop-scroll-extra .features:before { display: block !important; } .rd-section.desktop-scroll .features > .feature, .rd-section.desktop-scroll-extra .features > .feature { margin-right: 20px !important; } } .desktop-scroll .features:before, .desktop-scroll-extra .features:before { content: '' !important; width: 0px; display: block !important; } .desktop-scroll .features, .desktop-scroll-extra .features { scrollbar-width: none; margin-bottom: 0; padding-bottom: 0; } .desktop-scroll .features::-webkit-scrollbar, .desktop-scroll-extra .features::-webkit-scrollbar { display: none; } .desktop-scroll .feature, .desktop-scroll-extra .feature { scroll-snap-align: center !important; display: flex !important; flex-direction: column !important; } @media screen and (min-width: 1180px) { .rd-section .features.features-six { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important; } .rd-section .features.features-five { grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important; } } @media screen and (min-width: 768px) and (max-width: 1179px) { .rd-section .features.features-six { grid-template-columns: 1fr 1fr 1fr 1fr !important; } .rd-section .features.features-five { grid-template-columns: 1fr 1fr 1fr !important; } } @media screen and (min-width: 568px) and (max-width: 767px) { .rd-section .features.features-six, .rd-section .features.features-five { grid-template-columns: 1fr 1fr !important; } } @media screen and (max-width: 567px) { .rd-section .features.features-six, .rd-section .features.features-five { grid-template-columns: 1fr 1fr !important; grid-gap: 10px; } } .light-boxes .features .rd-card__meta { background-color: #fff; } .feature { z-index: 0; position: relative; border: 0; } .feature .rd-card__thumbnail, .feature .rd-card__meta { border: 0 !important; } .feature .rd-card__info { max-width: 100%; margin-bottom: 0; } .features-three .rd-card__meta { margin: 0 !important; padding: 1em; } .feature.artists .rd-card__thumbnail.rd-contain-images { background-size: cover !important; } .features-five .rd-card__thumbnail, .features-six .rd-card__thumbnail, .grid .rd-card__thumbnail, .desktop-scroll .rd-card__thumbnail, .desktop-scroll-extra .rd-card__thumbnail, [data-section-label="choose-upcoming-events"] .features-four .rd-card__thumbnail, .featured-events .features-four .rd-card__thumbnail { margin-bottom: 40px; padding-top: 150% !important; } .features-five .rd-card__meta, .features-six .rd-card__meta, .grid .rd-card__meta, .desktop-scroll .rd-card__meta, .desktop-scroll-extra .rd-card__meta, [data-section-label="choose-upcoming-events"] .features-four .rd-card__meta, .featured-events .features-four .rd-card__meta { padding: 0.8em 0 0.5em 0 !important; position: absolute; bottom: 0; width: 100%; } .even-features .rd-card__meta, .desktop-scroll .rd-card__meta, .desktop-scroll-extra .rd-card__meta, [data-section-label="choose-upcoming-events"] .features-four .rd-card__meta, .featured-events .features-four .rd-card__meta { position: relative !important; margin: 0 !important; } .even-features .rd-card__thumbnail, .desktop-scroll .rd-card__thumbnail, .desktop-scroll-extra .rd-card__thumbnail, [data-section-label="choose-upcoming-events"] .features-four .rd-card__thumbnail, .featured-events .features-four .rd-card__thumbnail { margin-bottom: 0px !important; padding-top: 135% !important; } .rd-tag-wrap { position: absolute; top: 0.5em; left: 0.5em; right: 0.5em; line-height: 1.3em; } .rd-tag-wrap.extra-tags .rd-card__tag { background-color: #0D2DE2 !important; } .rd-tag-wrap.relative-tags { position: relative; top: 0; left: 0; right: 0; } .rd-tag-wrap.relative-tags .rd-card__tag { background-color: #000; color: #fff !important; margin-bottom: 0.5em; } @media screen and (max-width: 620px) { .rd-tag-wrap { line-height: 1.1em; } } .rd-tag-wrap .rd-card__tag { background-color: #fff; color: #000; text-transform: none; padding: 4px 8px 3px; border-radius: 30px; font-size: calc(10px + 4 * (100vw - 320px) / 1040); font-family: 'gotham', helvetica, 'fallBackArial', sans-serif; white-space: nowrap; display: inline-block; line-height: 12px; } @media screen and (min-width: 1360px) { .rd-tag-wrap .rd-card__tag { font-size: 13px; } } .triennial-extra-2023 .rd-card__tag { background-color: #0D2DE2 !important; color: #fff !important; } .triennial-extra-2023:hover .rd-card__thumbnail { background-color: #0D2DE2; background-blend-mode: lighten; transition: background-blend-mode 0.5s; -webkit-transition: background-blend-mode 0.5s; } .intro .inside { max-width: 1050px !important; } .social-wrap ul { list-style: none; padding: 0; } .social-wrap ul li { display: inline-block; } .partners p { margin: 0; } .partners img { max-width: 100%; height: auto; } .explore-filter { padding-bottom: 3em !important; } .explore-filter .inside { max-width: 1360px !important; min-height: 8em; } @media screen and (min-width: 1420px) { .explore-filter .inside { margin: 0 auto !important; } } @media screen and (min-width: 320px) and (max-width: 1419px) { .explore-filter .inside { margin-right: calc(20px + 10 * (100vw - 320px) / 1040) !important; margin-left: calc(20px + 10 * (100vw - 320px) / 1040) !important; } } [data-section-label="whats-on-listing"] a.feature { -webkit-transition: none; transition: none; } a.tablinks, a.reset-filter { cursor: pointer; font-family: 'gotham', helvetica, 'fallBackArial', sans-serif !important; margin-right: 0em; } a.tablinks i, a.reset-filter i { margin-left: 2px; } @media screen and (min-width: 320px) { a.tablinks i, a.reset-filter i { font-size: calc(12px + 4 * (100vw - 320px) / 1040); } } @media screen and (min-width: 1360px) { a.tablinks i, a.reset-filter i { font-size: 16px; } } a.tablinks:hover, a.reset-filter:hover { opacity: 0.65 !important; transition: all 0.3s; -webkit-transition: all 0.3s; } a.tablinks.tabsolute, a.reset-filter.tabsolute { position: absolute; top: 1.4em; } @media screen and (max-width: 1080px) { a.tablinks.tabsolute, a.reset-filter.tabsolute { top: 20px !important; } } @media screen and (max-width: 768px) { a.tablinks.tabsolute, a.reset-filter.tabsolute { position: relative; top: 0px !important; width: 50%; display: block; left: 0 !important; } } a.tablinks.tabsolute.type, a.reset-filter.tabsolute.type { left: 30px; } a.tablinks.tabsolute.type.learn-tabs, a.reset-filter.tabsolute.type.learn-tabs { left: 9em; } a.tablinks.tabsolute.time, a.reset-filter.tabsolute.time { left: 7em; } a.tablinks.tabsolute.time.learn-tabs, a.reset-filter.tabsolute.time.learn-tabs { left: 15.5em; } a.tablinks.tabsolute.audience, a.reset-filter.tabsolute.audience { left: 12.4em; } a.tablinks.tabsolute.audience.learn-tabs, a.reset-filter.tabsolute.audience.learn-tabs { left: 30px; } a.tablinks.tabsolute.discipline, a.reset-filter.tabsolute.discipline { left: 20.1em; } a.tablinks.tabsolute .fa-minus, a.reset-filter.tabsolute .fa-minus { display: none; } a.tablinks.tabsolute.ui-state-active, a.reset-filter.tabsolute.ui-state-active { opacity: 1; } a.tablinks.tabsolute.ui-state-active .fa-minus, a.reset-filter.tabsolute.ui-state-active .fa-minus { display: inline-block; } a.tablinks.tabsolute.ui-state-active .fa-plus, a.reset-filter.tabsolute.ui-state-active .fa-plus { display: none; } .button-group { position: relative; display: flex; align-items: baseline; grid-gap: 10px; position: relative; top: 0; left: 0; right: 0; } .button-group #sort { position: absolute; top: 2.04em; background-color: #000; padding: 6px 15px; text-align: right; right: 0px; z-index: 9999999; } @media screen and (max-width: 1080px) { .button-group #sort { top: 2.5em; } } @media screen and (max-width: 480px) { .button-group #sort { top: 1.8em; } } .button-group #sort a { color: #fff !important; cursor: pointer; } .button-group #sort a:hover, .button-group #sort a.is-checked { opacity: 0.65; } .reset-wrap { position: absolute; top: -2em; } @media screen and (min-width: 1360px) { .reset-wrap { right: 30px; } } @media screen and (min-width: 320px) { .reset-wrap { right: calc(20px + 10 * (100vw - 320px) / 1040); } } @media screen and (max-width: 1080px) { .reset-wrap { top: -2.5em; } } .reset-wrap.with-sort { display: flex; grid-gap: 30px; flex-direction: row; } @media screen and (max-width: 1080px) { .reset-wrap.with-sort { grid-gap: 20px; } } @media screen and (max-width: 480px) { .reset-wrap.with-sort { grid-gap: 0px; flex-direction: column; align-items: flex-end; top: -3.2em; } } .reset-wrap .selected-tags { display: inline; } @media screen and (max-width: 1080px) { .reset-wrap .selected-tags { display: none; } } .reset-wrap .selected-tags label { display: none; cursor: pointer; opacity: 0.6; background-color: #fff; color: #000; padding: 4px 8px 3px; border: 1px solid #fff; text-transform: none; border-radius: 30px; font-size: 11px; font-family: 'gotham', helvetica, 'fallBackArial', sans-serif !important; white-space: nowrap; line-height: 18px; margin-right: 1px; margin-bottom: 6px; } @media screen and (max-width: 1080px) { .reset-wrap .selected-tags label { margin-right: 0px; margin-left: 4px; } } .reset-wrap .selected-tags label.selected { display: inline; } .right-aligned { position: absolute; right: 30px; } @media screen and (max-width: 1080px) { .right-aligned { top: -2.8em; left: 30px; width: 210px; } } @media screen and (max-width: 768px) { .right-aligned { left: 1.3em; width: 210px; } .right-aligned input { width: 110px !important; } } .inside.search { display: flex; align-items: flex-start; justify-content: center; } input.search-field { border: 0px #fff solid !important; box-shadow: none; border-radius: 20px; padding: 5px 10px 5px 45px; font-family: 'gotham', helvetica, 'fallBackArial', sans-serif !important; width: 130px; color: #000; background: #fff url("data:image/svg+xml,%0A%3Csvg width='29.8492424px' height='29.8492424px' viewBox='0 0 29.8492424 29.8492424' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Design' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Triennial-ArtistsDesigners' transform='translate(-1370, -583)'%3E%3Crect x='0' y='0' width='1600' height='3690'%3E%3C/rect%3E%3Cg id='FILTER' transform='translate(200, 516)'%3E%3Cg id='LIGHT/ICON/SEARCH' transform='translate(1170, 67)'%3E%3Ccircle id='Oval' stroke='%23000000' stroke-width='3' cx='12.75' cy='12.75' r='11.25'%3E%3C/circle%3E%3Cpath d='M21.8939059,19.7729059 L29.8492424,27.7279221 L27.7279221,29.8492424 L19.7729059,21.8939059 L21.8939059,19.7729059 Z' id='Combined-Shape' fill='%23000000'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 24px; background-position: 6% 50%; } input.search-field.search-page { width: 320px; margin: 0; padding: 5px 10px 5px 65px; } @media screen and (max-width: 390px) { input.search-field.search-page { width: 100% !important; } } @media screen and (max-width: 390px) { input.search-field { width: 80px !important; } } .wrapper { padding-top: 1em; border-top: 1px solid #000; } @media screen and (max-width: 410px) { .option-set[data-group="time"] { display: block; } } .option-set input { display: none; } .option-set label { cursor: pointer; margin-right: 1px; margin-bottom: 4px; background-color: transparent; color: #000; text-transform: none; padding: 4px 8px 3px; border: 1px solid #000; border-radius: 30px; font-size: calc(10px + 3 * (100vw - 320px) / 1040); font-family: 'gotham', helvetica, 'fallBackArial', sans-serif; white-space: nowrap; display: inline-block; line-height: 12px; } .option-set label[for="triennial-extra"] { border: 1px solid #0D2DE2; background-color: transparent; color: #0D2DE2; } .option-set label[for="triennial-extra"].selected, .option-set label[for="triennial-extra"]:hover { background-color: #0D2DE2; color: #fff; } @media screen and (min-width: 1360px) { .option-set label { font-size: 13px; } } .option-set label.selected { background-color: #000; color: #fff; transition: all 0.3s; -webkit-transition: all 0.3s; } .option-set label:hover { opacity: 1; transition: all 0.3s; background-color: #000; color: #fff; } .tab { min-height: 130px; transition: all 0.3s; } @media screen and (max-width: 768px) { .tab { min-height: 130px; } } .tabcontent { display: none; animation: fadeEffect 0.3s; /* Fading effect takes 1 second */ margin-top: 3em; position: absolute; width: 100%; left: 0; z-index: 9999; padding-top: 0 !important; padding: 30px; } @media screen and (max-width: 1080px) { .tabcontent { margin-top: 2.3em; } } @media screen and (max-width: 768px) { .tabcontent.full-width-mobile { padding: calc(20px + 10 * (100vw - 320px) / 1040) !important; margin-top: 0em !important; background-color: #F6F5F0; } } @media screen and (max-width: 768px) { .tabcontent:not(.full-width-mobile) { width: calc(50% - 25px); right: calc(20px + 10 * (100vw - 320px) / 1040) !important; left: auto; margin: 0; padding: 0; top: 22px; margin-top: 0em; } .tabcontent:not(.full-width-mobile)#Time { width: 100%; right: 0; left: 1em; top: 112px; } } /* Go from zero to full opacity */ @keyframes fadeEffect { from { opacity: 0; } to { opacity: 1; } } .remove-filter-boxes input, .remove-filter-boxes label { display: none; } .item-sizer, .grid-item { width: 18.8% !important; margin-bottom: 2.5% !important; } @media screen and (max-width: 1100px) { .item-sizer, .grid-item { width: 23.875% !important; } } @media screen and (max-width: 870px) { .item-sizer, .grid-item { width: 32.33333% !important; } } @media screen and (max-width: 768px) { .item-sizer, .grid-item { width: 49.25% !important; } } .gutter-sizer { width: 1.5% !important; } [data-group="time"] { display: inline-block; margin-top: 6px; position: absolute; } @media screen and (max-width: 768px) { [data-group="time"] { position: relative; } } #datepicker { display: inline-block; margin-right: 1em; } #datepicker .ui-datepicker-inline { width: auto; background: #fff !important; border-radius: 12px !important; border: 10px solid #fff !important; } #datepicker .ui-datepicker-title span { color: #000 !important; font-family: 'gotham', helvetica, 'fallBackArial', sans-serif !important; } #datepicker .ui-datepicker { margin-bottom: 1em; } @media screen and (max-width: 768px) { #datepicker .ui-datepicker { margin-bottom: 0; } } #datepicker .ui-datepicker .ui-datepicker-prev span { background-position: 4% 30% !important; background-repeat: no-repeat; background-image: url(/wp-content/themes/NGV/images/arrow-left.svg) !important; font-size: 0; height: 20px; display: block; } #datepicker .ui-datepicker .ui-datepicker-next span { background-position: 30% 30% !important; background-repeat: no-repeat; background-image: url(/wp-content/themes/NGV/images/arrow-right.svg) !important; font-size: 0; height: 20px; display: block; } #datepicker .ui-datepicker th { color: #bbb !important; font-family: 'gotham', helvetica, 'fallBackArial', sans-serif !important; border-top: 0px solid #3a414d !important; } #datepicker .ui-datepicker td { background: #fff !important; } #datepicker .ui-datepicker td a { color: #000 !important; font-family: 'gotham', helvetica, 'fallBackArial', sans-serif !important; } #datepicker .ui-datepicker td a.ui-state-default { font-size: 14px; } #datepicker .ui-datepicker td a.ui-state-active, #datepicker .ui-datepicker td a.ui-state-hover { background: #efefef !important; } .artist { overflow: hidden; } .artist .artist-title { padding-bottom: 0 !important; margin-bottom: 0 !important; } .artist .artist-title h1 { text-transform: none; text-align: left; padding-right: 100px; } .artist .rd-section__heading { text-align: left !important; } .artist .portrait-credit { font-size: 0.5em; line-height: 1; margin: 5px 0 0 0; display: block; max-width: 150px; } @media screen and (max-width: 768px) { .artist .portrait-credit { max-width: 120px; } } .artist .portrait img { height: auto; width: 150px; margin: 0; display: inline-block; filter: grayscale(100%); } @media screen and (max-width: 768px) { .artist .portrait img { width: 120px; } } .artist .rd-fader__container .rd-fader-slide { padding-top: 47% !important; border: 0 !important; } @media screen and (max-width: 768px) { .artist .rd-fader__container .rd-fader-slide { padding-top: 66.6666% !important; } } .artist .rd-fader__container .rd-fader-slide .rd-card__thumbnail { border: 0 !important; } .artist .rd-fader__container .rd-fader-slide .rd-card__thumbnail.rd-contain-images { background-color: #F6F5F0; background-position: left; } @media screen and (max-width: 768px) { .artist .feature-flex { flex-direction: row-reverse !important; justify-content: space-between; grid-gap: 20px; } } .artist [data-section-label="related-events"] .rd-section__heading h3 { margin-top: 0; text-align: left; } @media screen and (min-width: 1366px) { [data-section-label="artwork-listing"] { padding-bottom: 60px !important; } } @media screen and (min-width: 320px) { [data-section-label="artwork-listing"] { padding-bottom: calc(25px + 25 * (100vw - 320px) / 1046) !important; } } [data-section-label="artwork-listing"] .inside.single-artwork { max-width: 1420px !important; } @media screen and (min-width: 1360px) { [data-section-label="artwork-listing"] .inside.single-artwork { padding-right: 30px !important; } } @media screen and (min-width: 320px) { [data-section-label="artwork-listing"] .inside.single-artwork { padding-right: calc(20px + 10 * (100vw - 320px) / 1040) !important; } } [data-section-label="artwork-listing"] .inside.single-artwork .rd-kw-slide { margin: 0; } [data-section-label="artwork-listing"] .inside .rd-section__heading { margin: 0 auto; text-align: left !important; } @media screen and (min-width: 320px) { [data-section-label="artwork-listing"] .inside .rd-section__heading { padding-left: calc(20px + 10 * (100vw - 320px) / 1040); padding-right: calc(20px + 10 * (100vw - 320px) / 1040); } } @media screen and (min-width: 1360px) { [data-section-label="artwork-listing"] .inside .rd-section__heading { padding-right: 30px; padding-left: 30px; } } [data-section-label="artwork-listing"] .inside .rd-kw-slide { margin: 0 1em 0 0 !important; width: auto !important; opacity: 1 !important; height: 600px !important; animation: none !important; } @media screen and (max-width: 980px) { [data-section-label="artwork-listing"] .inside .rd-kw-slide { height: 55vh !important; } } [data-section-label="artwork-listing"] .inside .rd-kw-slide__bg { display: block; position: relative !important; top: 0 !important; left: 0 !important; transform: none !important; width: auto !important; height: 100%; max-width: none; max-height: none !important; margin-bottom: 0em !important; background-position: left !important; } [data-section-label="artwork-listing"] .inside .rd-kw-slide__bg.bg-image { background-size: cover; background-position: 50% 50% !important; } [data-section-label="artwork-listing"] .inside .flickity-prev-next-button { top: -55px !important; background: black !important; border: 0px solid #fff; } [data-section-label="artwork-listing"] .inside .flickity-prev-next-button:hover { background: #fff !important; } [data-section-label="artwork-listing"] .inside .flickity-prev-next-button:hover .arrow { fill: #000; } [data-section-label="artwork-listing"] .inside .flickity-prev-next-button:disabled { display: block; } [data-section-label="artwork-listing"] .inside .flickity-prev-next-button.next { right: 0em !important; } [data-section-label="artwork-listing"] .inside .flickity-prev-next-button.previous { right: 3.5em !important; left: auto !important; } @media screen and (max-width: 980px) { [data-section-label="artwork-listing"] .inside .flickity-prev-next-button.previous { right: 3em !important; } } [data-section-label="artwork-listing"] .inside .flickity-prev-next-button .arrow { fill: #fff; } @media screen and (max-width: 980px) { [data-section-label="artwork-listing"] .inside .flickity-prev-next-button { width: 34px; height: 34px; top: -41px !important; } } [data-section-label="program-hero"] .rd-hero__thumbnail { padding-top: 47% !important; border: 0 !important; } @media screen and (max-width: 768px) { [data-section-label="program-hero"] .rd-hero__thumbnail { padding-top: 66.6666% !important; } } .single-program { overflow: hidden; } .single-program .rd-section__heading { text-align: left !important; } .single-program .event-title { padding-bottom: 0 !important; margin-bottom: 0 !important; } .single-program .event-title h1 { text-transform: none; text-align: left; margin-bottom: 0; padding-bottom: 0.67em; } .single-program .rd-card__thumbnail { border: 0 !important; } .single-program .rd-hero .rd-hero__thumbnail { padding-top: 66.666% !important; } .single-program .rd-hero .rd-hero__padding { padding: 1em 0.75em !important; } .single-program .rd-hero .rd-hero__text { padding: 0.5em 0; } .single-program .program-meta, .single-program .rd-hero__cta { text-align: left !important; } .single-program .rd-hero__cta { padding: 0 !important; } .single-program [data-section-label="program-hero"] { padding-bottom: calc(25px + 25 * (100vw - 320px) / 1046) !important; } .single-program #program-details { padding: 0 !important; } .single-program #program-details .all-dates { margin: 0 0 1em 0 !important; max-width: 360px; } .single-program #program-details .all-dates .program-all-dates { border: 0px solid #efefef !important; border-width: 0 !important; } .single-program #program-details .all-dates .program-all-dates h3 { border-bottom: 5px solid #F6F5F0 !important; background-color: #fff; } .single-program #program-details .all-dates .program-all-dates h3.ui-accordion-header-active { background-color: #fff !important; } .single-program #program-details .all-dates .program-all-dates > div { border-bottom: 0px solid #efefef !important; } .single-program .program-meta, .single-program .relative-tags { max-width: 380px; } .single-program .rd-tags { display: none; } .single-essay { overflow: hidden; } .single-essay .rd-section__heading { text-align: left !important; } .single-essay .event-title { padding-bottom: 0 !important; margin-bottom: 0 !important; } .single-essay .event-title h1 { text-transform: none; text-align: left; } .single-essay article .rd-section { display: none; } .single-essay article a { overflow-wrap: break-word; } .single-essay .related-exhibition { display: none; } .single-essay .centre { display: none; } .single-multimedia { overflow: hidden; } .single-multimedia .rd-section__heading { text-align: left !important; } .single-multimedia .event-title { padding-bottom: 0 !important; margin-bottom: 0 !important; } .single-multimedia .event-title h1 { text-transform: none; text-align: left; } .rd-video-hero { border: 0px solid #efefef !important; padding: 0px !important; } .rd-video-hero .rd-video-hero__heading { margin-bottom: 0.5em !important; } @keyframes myAnim { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .map#main { margin-top: 0 !important; padding: 0 !important; background-color: #fff; } .map .melbnow-mapcontainer { width: 100%; margin: 0 auto; height: 100%; display: inline-block; } .map .floor-map-btn-wrapper { overflow: hidden; height: 100vh; z-index: 3; position: absolute; } .map .floor-map-btn-wrapper .floor-map-btn-left { width: 60px; } @media screen and (max-width: 480px) { .map .floor-map-btn-wrapper .floor-map-btn-left { width: 40px; } } @media screen and (min-width: 481px) and (max-height: 440px) { .map .floor-map-btn-wrapper .floor-map-btn-left { width: 40px; } } .map .floor-map-btn-wrapper .floor-map-btn-left a { cursor: pointer; padding: 15px 0 12px; text-align: center; margin: 0 auto; display: block; font-size: 1.3em; font-family: 'gotham', helvetica, 'fallBackArial', sans-serif !important; } @media screen and (max-width: 480px) { .map .floor-map-btn-wrapper .floor-map-btn-left a { font-size: 1em; padding: 10px 0 7px; } } @media screen and (min-width: 481px) and (max-height: 440px) { .map .floor-map-btn-wrapper .floor-map-btn-left a { font-size: 1em; padding: 10px 0 7px; } } .map .floor-map-btn-wrapper .floor-map-btn-left a:last-child { border-bottom: 0; } .map .floor-map-btn-wrapper .floor-map-btn-left a.activelink, .map .floor-map-btn-wrapper .floor-map-btn-left a:hover { transition: all 0.3s; background-color: #000; color: #fff; } .map .floor-map-btn-wrapper .floor-map-btn-left.back-btn { position: fixed; top: 1em; right: 1em; background-color: #F6F5F0; width: auto; } @media screen and (max-width: 480px) { .map .floor-map-btn-wrapper .floor-map-btn-left.back-btn { top: 0.5em; right: 0.5em; } } .map .floor-map-btn-wrapper .floor-map-btn-left.back-btn a { padding-left: 15px; padding-right: 15px; } .map .floor-map-btn-wrapper .floor-map-btn-left.map-zoom-btn { position: fixed; bottom: 1em; left: 1em; background-color: #F6F5F0; } .map .floor-map-btn-wrapper .floor-map-btn-left.map-zoom-btn a { cursor: pointer; } @media (hover: none) and (pointer: coarse) { .map .floor-map-btn-wrapper .floor-map-btn-left.map-zoom-btn { display: none !important; } } @media screen and (max-width: 480px) { .map .floor-map-btn-wrapper .floor-map-btn-left.map-zoom-btn { bottom: auto; left: auto; background-color: #F6F5F0; top: 3.5em; right: 0.5em; } } @media screen and (min-width: 481px) and (max-height: 440px) { .map .floor-map-btn-wrapper .floor-map-btn-left.map-zoom-btn { bottom: 0.5em; left: 0.5em; background-color: #F6F5F0; } } .map .floor-map-btn-wrapper .floor-map-btn-left.floor-map-btn { position: fixed; top: 1em; left: 1em; background-color: #F6F5F0; } .map .floor-map-btn-wrapper .floor-map-btn-left.floor-map-btn a { font-size: 1.8em; padding: 10px 0 7px; } @media screen and (max-width: 480px) { .map .floor-map-btn-wrapper .floor-map-btn-left.floor-map-btn a { font-size: 1.4em; padding: 5px 0 3px; } } @media screen and (min-width: 481px) and (max-height: 440px) { .map .floor-map-btn-wrapper .floor-map-btn-left.floor-map-btn a { font-size: 1.4em; padding: 5px 0 3px; } } @media screen and (max-width: 480px) { .map .floor-map-btn-wrapper .floor-map-btn-left.floor-map-btn { top: 0.5em; left: 0.5em; } } @media screen and (max-height: 440px) { .map .floor-map-btn-wrapper .floor-map-btn-left.floor-map-btn { top: 0.5em; left: 0.5em; } } .map .overlay { background-color: #000; color: #fff; width: 100%; max-width: 250px; height: auto; z-index: 9999; border: 3px solid #000; } @media screen and (max-width: 480px) { .map .overlay { bottom: 0px !important; top: auto !important; left: auto !important; position: fixed !important; max-width: 50%; z-index: 9; } .map .overlay .rd-card__thumbnail { padding-top: 70%; } } @media screen and (min-width: 481px) and (max-height: 440px) { .map .overlay { bottom: 0px !important; top: auto !important; left: auto !important; position: fixed !important; right: 0 !important; } .map .overlay .rd-card__thumbnail { padding-top: 30%; } .map .overlay:before, .map .overlay:after { display: none; } } .map .overlay.artist-map { bottom: 0em !important; right: 0em !important; position: absolute; z-index: 99999999; } .map .overlay.artist-map:before, .map .overlay.artist-map:after { display: none; } .map .overlay:before { display: none; } .map .overlay:after { content: " "; position: absolute; left: calc(50% - 15px); top: -16px; border-top: none; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 15px solid #000; } .map .overlay.bottom:after { bottom: -14px; top: auto; border-bottom: none; border-top: 13px solid #000; } .map .overlay.right-align:after { left: auto !important; right: calc(50% - 15px); } .map .overlay p { margin: 0 0 0.3em; line-height: 0.9em; } .map .overlay .tooltip_info { float: left; width: 100%; padding: 1em 0.5em 0.5em; } .map .overlay .rd-card__thumbnail { border: 0 !important; } .map .overlay a.close-info { z-index: 999999; position: absolute; right: 0; top: 0; color: #000; cursor: pointer; background-color: #F6F5F0; height: 30px; width: 30px; text-align: center; padding-top: 4px; } .map .overlay .button--primary { font-family: 'gotham', helvetica, 'fallBackArial', sans-serif !important; background-color: #fff !important; color: #000 !important; margin-top: 0.5em; } .map .overlay .button--primary:hover { background-color: #000 !important; border: 2px solid #fff !important; color: #fff !important; } .map .map-image { cursor: grab; margin: auto !important; } @media screen and (max-width: 480px) { .map .map-image { width: auto; height: 100vh; transform: translate(-50%, -50%); } } @media screen and (min-width: 481px) { .map .map-image { width: 100%; height: auto; transform: translateY(-50%); } } .map .map-image.mouseDown { cursor: grabbing; } .map .svg-wrap, .map .svg-wrap-1, .map .svg-wrap-2, .map .svg-wrap-3 { min-width: 100% !important; margin: 0 !important; } .map svg { cursor: grab !important; margin: auto; } .map svg a { cursor: pointer; } @media screen and (max-width: 480px) { .map svg { width: auto; height: 100vh; } } @media screen and (min-width: 481px) { .map svg { width: 100%; height: auto; } } .map svg.mouseDown { cursor: grabbing !important; } .map figure { margin: 0 !important; height: 100vh; } @media screen and (max-width: 480px) { #overlaygm.bottom, #overlayl1.bottom, #overlayl2.bottom, #overlayl3.bottom { top: auto !important; bottom: 0 !important; } #overlaygm:after, #overlaygm:before, #overlayl1:after, #overlayl1:before, #overlayl2:after, #overlayl2:before, #overlayl3:after, #overlayl3:before { display: none; } } #overlaygm.right-align:before, #overlayl1.right-align:before, #overlayl2.right-align:before, #overlayl3.right-align:before { left: auto; right: -1px; }