/* CSS Document */

/* Fixes for IE 10 + */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .section-header {display: flex;}
     .section-header-nm {display: flex;}
     .section-header-xt {display: flex;}
     .section-header-ot {display: flex;}
     .section-header-ng {display: flex;}
     .section-header-text {width:100%;}
     .section-header-button {width:100%; text-align: right;}
     .grid-2 {display:flex; flex-wrap: wrap; margin: 0 -24px 0 0}
     .grid-2 > div {width:50%;border: 0 solid transparent;border-width: 0 24px 24px 0;}
     .grid-3 {display:flex; flex-wrap: wrap; margin: 0 -24px 0 0}
     .grid-3 > div {width:33.333%;border: 0 solid transparent;border-width: 0 24px 24px 0;}
     .grid-4 {display:flex; flex-wrap: wrap; margin: 0 -24px 0 0}
     .grid-4 > div {width:25%;border: 0 solid transparent;border-width: 0 24px 24px 0;}
     .grid-5 {display:flex; flex-wrap: wrap; margin: 0 -24px 0 0}
     .grid-5 > div {width:20%;border: 0 solid transparent;border-width: 0 24px 24px 0;}
     .grid-sidebar-left {display:flex;}
     .grid-sidebar-left .grid-left {width: 50%; margin: 0 24px 24px 0;}
     .grid-sidebar-left .grid-right {width: 150%}
     .grid-sidebar-right {display:flex;}
     .grid-sidebar-right .grid-left {width: 150%}
     .grid-sidebar-right .grid-right {width:50%; margin: 0 0 24px 24px;}
     .node-program-description-development .grid-sidebar-right .grid-right {width:80%;}
     .node-exhibition-splash-page .grid-sidebar-right .grid-right {width:100%;}
     .hero-swiper-grid {display:flex;}  
     .hero-swiper-text {width:34%; align-items: center;}
     .hero-swiper-image {width:66%;}
     .header-branding {display:flex; align-items: flex-end;}
     .header-branding .header-logo {width: 66%; margin-bottom:-30px;}
     .header-branding .header-info {margin-bottom:25px;}
     .header-nav-inner {display: flex;}
     .header-nav-items {width: 100%; max-width:100% !important; }
     .nav-logo {/*display: none !important;*/ }
     .nav-logo svg {height:22px; width:68px;}
     .header-search-button {/*width: 4%;*/}
     .header-nav .menu {display:flex;}
     .header-nav .menu > li {margin-right: auto; flex-grow: 0; flex-shrink: 0;}
     .grid-m-level {display:flex; margin-bottom: 24px;}
     .grid-m-level .mlevel-image {width:90%; margin-right:24px;}
     .grid-m-level .grid-text {width:100%; margin-right:24px;}
     .grid-m-level .grid-m-links {display:flex; flex-direction: column; width:50%; }
     .audio-stop {display:flex;}
     .audio-stop .audio-img {width:15%; margin-right: 24px;}
     .grid-audio-2 {display:flex;margin-right:-2px; margin-bottom: 2px;}
     .grid-audio-2 > div {margin-right:2px;}
     .grid-exh-sponsors {display:flex;}
     .grid-exh-sponsors .grid-exh-left {width:100%}
     .grid-exh-sponsors .grid-exh-right {width:150%}
     .grid-exh-sponsors ul {display:flex; flex-wrap: wrap;}
     .grid-exh-sponsors ul > li {margin-right:12px !important;width: 33%;}
     .grid-general-sponsors ul {display:flex; flex-wrap: wrap;}
     .grid-general-sponsors ul > li {margin-right:24px !important;}
     .grid-press {display: flex}
     .grid-press .grid-left {width: 80%; margin-right: 24px;}
     .grid-press .grid-center {width: 200%; margin-right: 24px;}
     .grid-press .grid-right {width: 80%;}
     .grid-loot {display: flex}
     .grid-loot .grid-left {width: 80%; margin-right: 24px;}
     .grid-loot .grid-center {width: 200%; margin-right: 24px;}
     .grid-loot .grid-right {width: 80%;}
     .calendar-body .view .views-row {display: flex;}
     .calendar-body .view .views-row > a {width:70%; margin-right:24px;}
     .calendar-body .view .views-row > div {width:130%;}
     .view-display-id-loot_artists {display:flex; flex-wrap: wrap;}
     .view-display-id-loot_artists > div {width:33%;border: 0 solid transparent;border-width: 0 24px 24px 0;}
     #footer-content {display:flex;}
     #footer-content .footer-left {width:50%; margin-left: 24px;}
     #footer-content .footer-right {width:50%;}
     #footer-content .footer-nav {margin-bottom: 93px;}
     #footer-content .footer-nav .menu {display:flex; margin-right:-14%}
     #footer-content .footer-nav .menu > li {margin-right:auto;}
     #footer-content .footer-connect {display:flex;}
     #footer-content .footer-connect-head {width: 100%;}
     #footer-content .footer-social {display:flex; width: 100%;}
     #footer-content .social-icon {width:100%;}
     #footer-content .footer-social svg {height:24px; width:auto; margin:0 12px;}
     #footer-content .footer-logo svg {height:auto; width:200px;}
     .expander-head {display:flex;}
     .expander-head h4 {width:100%}
     .accordion-head {display: flex;}
     .accordion-head h4 {width:100%}
     .accordion-body .view .views-row {display: flex;}
     .accordion-body .view .views-row > a {width:70%; margin-right:24px;}
     .accordion-body .view .views-row > div {width:130%;}
     .accordion-row {max-width:1230px;}
     ul.flippy {display:flex;margin-right:-2px !important; margin-bottom: 2px !important;}
     ul.flippy li {margin-right:2px !important;}
     .button a {padding:4px 8px;}
     .a-button a {display:block;}
     .m-button {margin-bottom:1px;}
     .m-button a {display:block;line-height: 44px;}
     .mobile-none {display:none;}
     /*.swiper-page-holder  {display:none;}*/
}