@charset "UTF-8";



/* ==========================================================================
   Media queries
   ========================================================================== */


@media only screen and (max-width: 1920px) {
  
  .section-hero.section-hero-home .title-page { font-size: 10.85vw; line-height: 0.895; margin-bottom: 0.1vw; }  
  
  .section-hero .title-page, .split .main .title-page, .section-hero.section-hero-legal .title-page { font-size: 7.35vw; line-height: .895; }
  
  .featured-performance .location { padding-top: 50px; }
  
  .block.block-quote blockquote { font-size: 4em; }

  
}

@media only screen and (max-width: 1780px) {
    
  .fold .fold-item .heading h2 { padding-right: 40px; font-size: 4rem; line-height: 0.841; padding-top: 0.1875em; }  
  .fold .fold-item .heading .button span { flex: 0 0 60px; height: 60px; width: 60px; }
  .fold .fold-item .heading .button span:before { height: 32px; top: calc(50% - 16px); }
  .fold .fold-item .heading .button span:after { width: 32px; left: calc(50% - 16px); }
  
  .fold .fold-item-child .heading h2 { font-size: 2.5rem; line-height: 0.841; }
  .fold .fold-item-child .heading .button span { flex: 0 0 40px; height: 40px; width: 40px; margin-right: 10px; }
  .fold .fold-item-child .heading .button span:before { height: 22px; top: calc(50% - 11px); }
  .fold .fold-item-child .heading .button span:after { width: 22px; left: calc(50% - 11px); }
  
  .section-timeline .container > .content { padding: 40px 50px; }
  .section-timeline .container > .content h2 {  font-size: 4rem; }
    
  .block.block-performance-header .title h1 { font-size: 6.2vw; }
  .block.block-performance-header .title h2 { font-size: 3.65vw; }
  
  .block-featured-items .title-medium { font-size: 4em; } 
  
}

@media only screen and (max-width: 1750px) and (min-width: 1200px) {
  
 .overview-grid h3 { font-size: 2.188rem; }
  .overview-grid .button.button-arrow.button-arrow-medium { padding-left: 68px; padding-right: 18px; min-height: 38px; padding-top: 0.3em; font-size: 1.875rem; line-height: 0.841; }
  .overview-grid .button.button-arrow.button-arrow-medium span { width: 56px; height: 38px; }
  .overview-grid .button.button-arrow.button-arrow-medium:hover { padding-left: 87px; padding-right: 0; }
  .overview-grid .button.button-arrow.button-arrow-medium:hover span { width: 74px; }
  .overview-grid .button.button-arrow.button-arrow-medium span svg { height: 38px; width: 76px; }
}

@media only screen and (max-width: 1680px) {

  .block-text-grid .text-grid li {  width: 50%; }

}


@media only screen and (max-width: 1600px) {
  
  .section-hero.section-hero-home .title-page { font-size: 10vw; line-height: 0.895; }  
  
  .section-imageslider .imageslider, .section-imageslider .imageslider .slider-item img { height: 300px; }
  
}

@media only screen and (max-width: 1600px) and (min-width: 1200px) {

  .performances-grid .title h2 { font-size: 2.5em; }
  .performances-grid .title h3 { font-size: 1.975em }
  
  
}

@media only screen and (max-width: 1480px) {
  
  
  footer .footer-col.footer-col-links ul { max-width: 400px; }

}


@media only screen and (max-width: 1440px) {
  
  .container, #header nav, .columns .block, .split .sidebar .block, .section-timeline .container > .content { padding-left: 40px; padding-right: 40px; }
  
  .fold .fold-item .heading .button { padding: 0.3em 30px; }
  .fold .fold-item .content-columns { padding: 10px 30px 40px 30px; }
  .fold .fold-item .content-columns > div:first-child { padding-right: 15px; }
  .fold .fold-item .content-columns > div:nth-child(2) { padding-left: 15px; padding-right: 0px; }
  .fold .fold-item .article .content-blocks { padding: 40px 30px; }
  
  .section-hero.section-hero-home .title-page { font-size: 10vw; line-height: 0.895; }  
  
  .section-hero.section-hero-home .side {top: 26px; right: 40px;  }
  .section-hero.section-hero-home .meta { font-size: 3.25rem; line-height: 0.895; }
 
  .section-faq .accordion-item .content-columns > div { width: calc(50% - 20px); }
    
  #header { height: 80px; }
  main, #header nav { padding-top: 80px; }
  #header .logo span, #header .languages { font-size: 2.25rem; }
  #header .date { font-size: 1.57rem; padding-top: 0.22em; }

  #header .languages { right: 85px; top: 18px; }
  #header .logo svg { width: 81px; height: 42px; }
  #trigger-nav { height: 24px; width: 35px; }
  #trigger-nav > span > span:nth-child(2), #trigger-nav > span > span:nth-child(3) { top: 11px; }
  #trigger-nav > span > span:nth-child(4) { top: 22px; }
  #header nav .menu { font-size: 4rem; }
    
  .gfield.gf_field_half, #gform_resume_email { width: calc(50% - 20px); }
  #gform_wrapper_1 .gfield.gf_field_half:nth-child(odd) { margin-left: 40px; }
  #gform_wrapper_3 .gfield.gf_field_half:nth-child(even) { margin-left: 40px; }
  .gf_upload_field { width: calc(50% - 20px); }
  .gf_upload_field:nth-child(even) { margin-left: 40px; }
    

  .performances-grid .image .img .label { font-size: 1.5rem; }

  .section-excerpt .content-columns .content-columns-text { width: 60%; }
  .section-excerpt .content-columns .content-columns-bridge { width: 40%; }
  
  .section-downloads .list li { font-size: 3.125rem; line-height: 0.841; }
  
  .column-title-large { padding-top: 40px;  font-size: 5rem; line-height: 0.895; }
  
  .block .meta .location { font-size: 1.875rem; }
  .block .meta .location p {  padding-left: 26px; }
  .block .meta .location svg { width: 22px; height: 28px; }
  
  .block-performance-intro .meta .location {padding-top: 0; font-size: 1.563rem; line-height: 1.1; }
  .block-performance-intro .meta .location p { padding-left: 40px; }
  .block-performance-intro .meta .location svg { width: 25px; height: 34px; }
  
  #tickets .content { padding: 105px 40px 40px 40px; }
  
  .section-carousel .slick-prev { left: 9px; } 
  .section-carousel .slick-next { right: 9px; }
  
  .section-imageslider .slick-prev { left: 9px; } 
  .section-imageslider .slick-next { right: 9px; }
  
  .section-carousel .carousel-item .text { padding: 30px 30px; }
  
  .slideshow-wrapper .slideshow-item { padding: 80px 40px 40px 40px; }
  .slideshow-wrapper .slick-next { right: auto; left: 50%; margin-left: 50px; top: 20px; margin-top: 0; } 
  .slideshow-wrapper .slick-prev { left: 50%; margin-left: -70px; top: 20px; margin-top: 0; }
  .slideshow-wrapper .slick-close { right: auto; left: 50%; top: 20px; margin-left: -20px; overflow: hidden; }
  .slideshow-wrapper .slick-close svg { width: 100%; height: 100%; }

  .section-archive .columns .column-left .block.align-right { padding-left: 80px; }
  
  /* NEW 26 */
  .row-base {
    padding-left: 80px;
    padding-right: 80px;
  }
  
  .row-wide {
    padding-left: 40px;
    padding-right: 40px;
  }
  .block.block-text-image .text { padding-right: 60px;  }
  .block.block-text-image.block-text-image-reverse .text { padding-left: 60px; padding-right: 0; }
  
  .block-featured-items .slick-prev { left: -54px; }
  .block-featured-items .slick-next { right: -54px; }
  .block.block-quote blockquote { padding-right: 80px; }

 .section-intro .content-columns .content-columns-text { width: 60%; }
 .section-intro .content-columns .content-columns-bridge { width: 40%; }
 
 .block-featured-items .carousel-item .title { font-size: 1.45rem; padding-top: 0;}
 .block-featured-items .carousel-item .title strong { font-size: 1.875rem; }
 
 .section-hero-home .logo-brugge { left: 38px; top:35px; }
 
 .block-text .text-width-double .content {
   width: 100%;
   column-count: 2;
   column-gap: 60px;
 }
 
 .block-accordion .fold .article { padding: 0 60px 60px 60px; }
 
}


@media only screen and (max-width: 1420px) {
  
  footer .newsletter h3 { font-size: 1.6rem; }
  
  .column-title-medium { font-size: 4rem; line-height: 1.1; }
  
  .section-downloads .list li { font-size: 2.125rem; line-height: 0.841; padding-right: 30px; min-height: 110px; }
  
  
  .section-downloads .list li a { min-height: 40px; padding-top: 0.25em; font-size: 2.125rem; line-height: 0.841; padding-left: 80px; padding-right: 20px;}
  .section-downloads .list li a span { height: 40px; width: 60px; }
  .section-downloads .list li a span svg { height: 40px; width: 80px; }
  .section-downloads .list li a:hover {  padding-left: 100px; padding-right: 0px; }
  .section-downloads .list li a:hover span { width: 80px; }
  
}


@media only screen and (max-width: 1350px) {
  
  .split .main .days ul { font-size: 3rem; line-height: 1.25; }
  
  .section-imageslider .imageslider, .section-imageslider .imageslider .slider-item img { height: 260px; }
  
  .content.content-small h2 { font-size: 2.188rem; }
  
}

@media only screen and (max-width: 1300px) and (min-width: 781px) {
  /*
  .program-menu .button.button-arrow.button-arrow-medium span { display: none; }
  .program-menu .button.button-arrow.button-arrow-medium { padding-left: 0; padding-right: 0; }
  .program-menu .button.button-arrow.button-arrow-medium:hover { padding-left: 0; padding-right: 0; }
  */
  .program-menu > ul > li:first-child { flex: 0 0 315px; }

}


@media only screen and (max-width: 1290px) {

  .section-carousel .carousel-item { width: calc(100% / 2); flex: 0 0 calc(100% / 2); }
  
  .block-text-bridge .content-columns .content-columns-bridge { flex: 0 0 400px; margin-right: -60px;  }
  .block-text-bridge .content-columns.order-reverse .content-columns-bridge { margin-right: auto; margin-left: -60px; }
  
}

@media only screen and (max-width: 1200px) {
  
  .split .main .days ul { font-size: 2.75rem; line-height: 1.25; }
  .page-sponsors .section-hero.section-hero-legal .title-page { margin-top: 0.75em; }
  
  .column-title-large { padding-top: 40px;  font-size: 4rem; line-height: 0.895; }

  .section-archive .columns .column-left .block.align-right {
    padding-left: 40px;
  }
  
  .section-archive .columns .block.align-left {
    padding-left: 0;
  }
  
  .performances-grid.performances-grid-triple li, .overview-grid .overview-grid-item {
    width: 50%;
  }  
  
  .section-program-intro .split .sidebar, .section-program-intro .split .main {
    width: 50%;
    flex: 50%;
  }
  
  .section-hero.section-hero-home .side {top: 30px; right: 40px;  width: 200px; margin: 0; }
  .section-hero.section-hero-home .meta { font-size: 2.75rem; line-height: 0.895; }
  
  .section-hero-home .logo-brugge { width: 100px; height: 68px; }
  
  
  
}



@media only screen and (max-width: 1200px) {

  .performances-grid .performances-grid-item { width: 50%; }
  
  footer .partners li {
    padding: 15px;
    flex: 1;
    height: auto;
  }
  
  .block.block-form .gform_wrapper .gfield:has(input.medium) { width: 100%; }
  
}

@media only screen and (max-width: 1140px) and (min-width: 721px) {
  
 .overview-grid h3 { font-size: 2.188rem; }
  .overview-grid .button.button-arrow.button-arrow-medium { padding-left: 68px; padding-right: 18px; min-height: 38px; padding-top: 0.3em; font-size: 1.875rem; line-height: 0.841; }
  .overview-grid .button.button-arrow.button-arrow-medium span { width: 56px; height: 38px; }
  .overview-grid .button.button-arrow.button-arrow-medium:hover { padding-left: 87px; padding-right: 0; }
  .overview-grid .button.button-arrow.button-arrow-medium:hover span { width: 74px; }
  .overview-grid .button.button-arrow.button-arrow-medium span svg { height: 38px; width: 76px; }
}

@media only screen and (max-width: 1100px) {
  
  .padding-top-small { padding-top: 20px; }
  .padding-top-regular { padding-top: 40px; }
  .padding-top-medium { padding-top: 75px; }
  .padding-top-large { padding-top: 90px; }
  
  .block-performance-header { padding-bottom: 90px;  padding-top: 40px; }
  .block-performance-intro { padding-bottom: 75px;  padding-top: 75px;  }
  
  .padding-bottom-small { padding-bottom: 20px; }
  .padding-bottom-regular { padding-bottom: 40px; }
  .padding-bottom-medium { padding-bottom: 75px; }
  .padding-bottom-large { padding-bottom: 90px; }
  
  .section-hero.section-hero-home .title-page { font-size: 9.3vw; line-height: 0.895; margin-bottom: 1vw; }  
  
  .section-introduction { font-size: 1.875rem; line-height: 1.25; }
  .section-text, .accordion .text-two-columns, .content-columns-text { font-size: 1.25rem; line-height: 1.25; }
  
  .section-box-pages ul { font-size: 3.125rem; line-height: 1.1; }
  .section-box-pages a span { width: 43px; height: 35px; margin-right: 16px; }
  .section-box-pages a span svg { width: 63px; height: 35px; }
  .section-box-pages a:hover span { width: 60px; }
  
  .section-faq .accordion-title { font-size: 1.875rem; line-height: 0.841; }
  .section-faq .accordion-item .heading .button { font-size: 3.125rem; line-height: 0.841; }
    
  footer .footer { padding-top: 57px; padding-bottom: 50px; }
  footer .footer-col-links li a { font-size: 2.5rem; line-height: 1; }
  footer .footer-col-contact p { margin-top: 0.595em; font-size: 1.25rem; line-height: 1.1; }
  footer .legal { font-size: 1em; line-height: 1.1; }
 
  
  .content { font-size: 1.25rem; line-height: 1.25; }
  .content h2 { font-size: 3rem; line-height: 1.1; }
  .content h3 { font-size: 2.5rem; line-height: 1.1; }
  
  .block-performance-intro .content.content-small p { font-size: 1rem; line-height: 1.25; }
  .block-performance-intro .content.content-small h2 { font-size: 2.25rem; line-height: 1.1; }
  .block-performance-intro .content.content-small h3 { font-size: 2rem; line-height: 1.1; }
  
  
  
      
  .split .sidebar .content h3, .fold .fold-item .article .content-blocks .content-blocks-text h3 { font-size: 1.75rem; }
  
  .column-title-medium { font-size: 3.25rem; line-height: 1.1; }
  
  .content.content-introduction { font-size: 1.4rem; line-height: 1.25; }
  
  .fold .fold-item .article .content-blocks .content-blocks-text { font-size: 1.25rem;  line-height: 1.25; }
    
  .button.button-arrow { min-height: 40px; padding-top: 0.35em; font-size: 2.125em; line-height: 0.841; padding-left: 80px; padding-right: 20px;}
  .button.button-arrow span { height: 40px; width: 60px; }
  .button.button-arrow span svg { height: 40px; width: 80px; }
  .button.button-arrow:hover {  padding-left: 100px; padding-right: 0px; }
  .button.button-arrow:hover span { width: 80px; }
  
  
  .button.button-arrow.button-arrow-small { min-height: 30px; padding-left: 60px; padding-right: 15px;}
  .button.button-arrow.button-arrow-small span { height: 30px; width: 45px; }
  .button.button-arrow.button-arrow-small span svg { height: 30px; width: 60px; }
  .button.button-arrow.button-arrow-small:hover {  padding-left: 75px; padding-right: 0px; }
  .button.button-arrow.button-arrow-small:hover span { width: 60px; }  
  
  .block.block-text-image .text .button { font-size: 1.5rem; }
  
  /*
  .button-pill { font-size: 1.66rem; line-height: 1; }
  .gform_button, .gform_save_link.button, #gform_send_resume_link_button_1 { font-size: 1.66rem; line-height: 1; }
  .gform_confirmation_message, .form_saved_message, .form_saved_message_sent { font-size: 1.25rem; line-height: 1.3; }
  .gfield, fieldset.gfield { margin-bottom: 25px; }
  .gfield.gsection:not(:first-child) { margin-top: 17px; }
  .gfield.gsection h3 { font-size: 1.66rem; line-height: 1.1; }
  .gfield_label { font-size: 1.25rem; line-height: 1.1;  }
  .gfield input, .gfield textarea { font-size: 1.25rem; line-height: 1.2; padding: 0.35em 1em; border-radius: 20px; }
  .gf_upload_field .gfield_description { font-size: 0.9375rem; line-height: 1.1; }
  .gform_drop_area { font-size: 1.25rem; line-height: 1.2; border-radius: 20px;  }
  fieldset.gfield.gf_custom_checkbox_newsletter { margin-top: 25px; margin-bottom: 14px; }
  .gfield.gf_custom_checkbox .gfield_checkbox .gchoice input[type="checkbox"] + label { font-size: 1.25rem; line-height: 1.2; padding-left: 1.6em; }
  .gfield.gf_custom_checkbox .gfield_checkbox .gchoice input[type="checkbox"] + label:before { width: 25px; height: 25px; }
  .gfield.gf_custom_checkbox .gfield_checkbox .gchoice input[type="checkbox"]:checked + label:before { background-size: 16px 16px; }
  .gfield.gf_custom_radiobuttons .gfield_radio label { font-size: 1.25rem; line-height: 1.2; padding-left: 1.6em; }
  .gfield.gf_custom_radiobuttons .gfield_radio label:before { width: 25px; height: 25px; }
  .gfield.gf_custom_radiobuttons .gfield_radio label:after { width: 15px; height: 15px; }
  .gfield.gf_custom_radiobuttons .gfield_radio .gchoice { margin-top: 0.5em; }
  .gform_footer { margin-top: 25px; height: 47px; }
  .gform_ajax_spinner { width: 46px; height: 46px; }
  .gfield input::-webkit-input-placeholder {	font-size: 20px; }
  .gfield input:-moz-placeholder { font-size: 20px; }
  .gfield input::-moz-placeholder { font-size: 20px; }
  .gfield input:-ms-input-placeholder { font-size: 20px; }
  */
  
  .section-sponsors .logos li span { height: 80px; }
  .section-sponsors.padding-top-large { padding-top: 40px; }
  .section-sponsors.padding-bottom-medium { padding-bottom: 20px; }
  
  
  .block .timetable li { font-size: 1.35rem; }
  
  .section-carousel .carousel-item .title { font-size: 1.875rem; padding-top: 20px; }
  .section-carousel .carousel-item .title strong { font-size: 2.25rem; }
  
  #cmplz-document h2 { font-size: 2.5rem; line-height: 1.1; }
  #cmplz-document p, #cmplz-document ul, #cmplz-document li { font-size: 1.25rem; line-height: 1.25; }
  
  
  /* NEW 26 */
  .row-base {
    padding-left: 60px;
    padding-right: 60px;
  }
  
  .row-wide {
    padding-left: 0;
    padding-right: 0;
  }
  .block.block-text-image .text { padding-right: 40px;  }
  .block.block-text-image.block-text-image-reverse .text { padding-left: 40px; padding-right: 0; }
  
  .block-featured-items .slick-prev { left: -42px; }
  .block-featured-items .slick-next { right: -42px; }
  .block.block-quote blockquote { padding-right: 40px; }
  
  .block.block-quote blockquote { font-size: 3em; }
  
  .block-featured-items .title-medium { font-size: 3.25em; }
  
  .block-text-grid .text-grid h2, .block-text-grid .text-grid h3 { font-size: 1.875rem; }
  .block-text-grid .text-grid li { margin: 40px 0; padding-right: 20px; }
  
  
  .block-text .content.content-small h2, .block-accordion .content.content-small h2 { font-size: 2.5rem; }
  .block-text .content.content-small h3, .block-accordion .content.content-small h3 { font-size: 1.875rem; }
  .block-text .content.content-small p, .block-accordion .content.content-small p { font-size: 1.125rem; }
  .block-text .button.button-arrow.button-arrow-small { padding-top: 0.25em; }
  
  .block-text .text-width-double .content { width: 100%; column-count: 2; column-gap: 40px; }
  
  
   
}


@media only screen and (max-width: 1080px) {
  
  .split { flex-wrap: wrap; }
  
  .split .sidebar, .split .main { width: 100%; flex: 0 0 100%; }
  .split .main .title-page { padding-left: 40px; }
  .split .block.has-bridge { margin-top: 30px; }
  .split .block.has-bridge > div { height: 0; overflow: hidden; padding-top: 0 !important; }
  .split .main .bridge, .split .main .fold { border-left: 0; }
    
  .fold .fold-item .content-columns, .fold .fold-item .heading .button { padding-left: 40px; padding-right: 40px; }
  
  .fold .fold-item .heading h2 { padding-right: 40px; font-size: 2.875rem; line-height: 0.841; padding-top: 0.1875em; }  
  .fold .fold-item .heading .button span { flex: 0 0 40px; height: 40px; width: 40px; }
  .fold .fold-item .heading .button span:before { height: 24px; top: calc(50% - 12px); }
  .fold .fold-item .heading .button span:after { width: 24px; left: calc(50% - 12px); }
  
  .fold .fold-item .article .content-blocks { padding-top: 20px; }
  .fold .fold-item .article .content-blocks .content-blocks-text h2 { font-size: 1.75em; }
  
  .fold .fold-item-child .heading h2, .fold.fold-small .fold-item .heading h2, .extra-info-wrapper > h2 { font-size: 2rem; line-height: 0.841; }
  .fold .fold-item-child .heading .button span, .fold.fold-small .fold-item .heading .button span { flex: 0 0 30px; height: 30px; width: 30px; margin-right: 5px; }
  .fold .fold-item-child .heading .button span:before, .fold.fold-small .fold-item .heading .button span:before { height: 18px; top: calc(50% - 9px); }
  .fold .fold-item-child .heading .button span:after, .fold.fold-small .fold-item .heading .button span:afer { width: 18px; left: calc(50% - 9px); }
   
  .fold.fold-small .fold-item .content-columns, .fold .fold-item .heading .button, .extra-info-wrapper > h2 { padding-left: 30px; padding-right: 30px; }
  
  
  
  .column-title-large { padding-top: 40px;  font-size: 3rem; line-height: 0.895; }

  .section-performance .button-wrapper-bridge .bridge { display: none; }
  
  .section-timeline .container > .content h2 {  font-size: 2.875rem;  }
  
  .block-text-bridge .content-columns .content-columns-text { padding-right: 0; }
  
  .block-text-bridge .content-columns.order-reverse .content-columns-text { padding-left: 0; }
  
}  

@media only screen and (max-width: 1080px) and (min-width: 781px) {

  .block .meta .tags { font-size: 1.5rem; line-height: 1.1; }
  .block .meta .location { font-size: 1.5rem; }
  .block .meta .location p {  padding-left: 20px; }
  .block .meta .location svg { width: 18px; height: 22px; }
  .block .meta .price { font-size: 2rem; width: 74px; height: 74px; }
  .block .meta .price.price-small { font-size: 1.4rem; line-height: 1; }
  
  .block-performance-intro .meta .location {padding-top: 0; font-size: 1.563rem; line-height: 1.1; }
  .block-performance-intro .meta .location p { padding-left: 40px; }
  .block-performance-intro .meta .location svg { width: 25px; height: 34px; }
}

@media only screen and (max-width: 850px) and (min-width: 781px) {
  .block .meta .tags { font-size: 1.23rem; line-height: 1.1; }

}

@media only screen and (max-width: 1060px) and (min-width: 721px) {


  .performances-grid .title h2 { font-size: 2.5em; }
  .performances-grid .title h3 { font-size: 1.975em }
  
}


@media only screen and (max-width: 1020px) {
  footer .footer .container { flex-wrap: wrap; }  
  footer .footer-col-links, footer .footer-col-contact { order: 2; } 
  footer .footer-col.footer-col-links ul { max-width: 100%; }
  footer .footer-col-info { width: 100%; order: 1; margin-bottom: 50px; }
  footer .newsletter { max-width: 420px; } 
  
  footer .partners .container {
  padding-top: 45px;
  padding-bottom: 35px;
}
  
  footer .partners ul { 
     flex-wrap: wrap;
     max-width: 650px;
  }
  footer .partners li {
    padding: 5px 15px;
    flex: 0 0 140px;
    height: auto;
  }
  
}


@media only screen and (max-width: 1000px) {
  
  .section-hero.section-hero-home .title-page { font-size: 10vw; line-height: 0.895; }  
  
  .section-imageslider .imageslider, .section-imageslider .imageslider .slider-item img { height: 200px; }
  
}


@media only screen and (max-width: 940px) {
    
  .section-text h3, .accordion .text-two-columns h3, .section-faq .accordion h3 { margin-top: 1.75em;  }
    
  .section-text p, .section-text ul, .accordion .text-two-columns p, .accordion .text-two-columns ul, .content-columns-text p, .content-columns-text ul { margin-top: 1em; }
  .section-text.section-text-two-columns.section-text-two-columns-intermittent .container, .accordion .text-two-columns.text-two-columns.text-two-columns-intermittent { margin-top: -2.3em; }

  .section-downloads .buttons li a { min-height: 40px; padding-top: 0.25em; font-size: 2.125rem; line-height: 0.841; padding-left: 80px; padding-right: 20px;}
  .section-downloads .buttons li a span { height: 40px; width: 60px; }
  .section-downloads .buttons li a span svg { height: 40px; width: 80px; }
  .section-downloads .buttons li a:hover {  padding-left: 100px; padding-right: 0px; }
  .section-downloads .buttons li a:hover span { width: 80px; }
  
  .section-hero.section-hero-home .side { width: 160px; }
  .section-hero.section-hero-home .meta { font-size: 2.25rem; line-height: 0.895; }
  
  .block.block-quote blockquote {  font-size: 2.5em; }
  
  .block-performance-header { padding-bottom: 70px;  padding-top: 40px; }

  
}


@media only screen and (max-width: 880px) {
   
  .container, #header nav, .cookienotice .container, .columns .block, .split .sidebar .block, .section-timeline .container > .content { padding-left: 30px; padding-right: 30px; }
  .split .main .title-page { padding-left: 30px; } 
  .fold .fold-item .heading .button { padding: 0.3em 20px; }
  .fold .fold-item .content-columns { padding: 20px 20px 50px 20px; }
  .fold .fold-item .content-columns > div:first-child { padding-right: 10px; }
  .fold .fold-item .content-columns > div:nth-child(2) { padding-left: 10px; padding-right: 0px; }
  .fold .fold-item .article .content-blocks { padding: 20px 20px 30px 20px; }
  
  .fold .fold-item .content-columns, .fold .fold-item .heading .button { padding-left: 30px; padding-right: 30px; }

  .slideshow-wrapper .slideshow-item { padding: 60px 30px 30px 30px; }
  .slideshow-wrapper .slick-next, .slideshow-wrapper .slick-prev, .slideshow-wrapper .slick-close { top: 10px; }
  
  #header { height: 60px; }
  main, #header nav { padding-top: 60px; }
  #header .logo span { font-size: 1.875rem; }
  #header .date { font-size: 1.3rem; }
  #header .languages { top: 12px; right: 68px; font-size: 1.8rem }
  #header .logo svg { width: 65px; height: 34px; }
  #trigger-nav { height: 20px; width: 30px; }
  #trigger-nav > span > span:nth-child(2), #trigger-nav > span > span:nth-child(3) { top: 9px; }
  #trigger-nav > span > span:nth-child(4) { top: 18px; }
  #header nav .menu { font-size: 3.2rem; }
  
  .section-faq .accordion-item .content-columns > div { width: calc(50% - 15px); }

   
  
  .gf_upload_field, .gfield.gf_field_half, #gform_resume_email { width: 100%; }
  #gform_wrapper_1 .gfield.gf_field_half:nth-child(2n) { margin-left: 0; }
  .gf_upload_field:nth-child(2n) { margin-left: 0; }
  #gform_wrapper_3 .gfield.gf_field_half:nth-child(2n) { margin-left: 0px; }
  
  .section-faq .accordion-title { font-size: 1.75rem; line-height: 0.841; }
  .section-faq .accordion-item .heading .button { font-size: 2.5rem; line-height: 0.841; }
  .section-faq .accordion-item .heading .button span:before { width: 2px; left: calc(50% - 1px); }
  .section-faq .accordion-item .heading .button span:after { height: 2px; top: calc(50% - 1px); }
  
  #tickets .content { padding: 95px 30px 30px 30px; }
  
  .section-carousel .slick-prev { left: 4px; } 
  .section-carousel .slick-next { right: 4px; }
  
  .section-imageslider .slick-prev { left: 4px; } 
  .section-imageslider .slick-next { right: 4px; }
  
  .section-archive .columns .column-left .block.align-right {
    padding-left: 0px;
  }
  
  .section-archive .columns .block.align-left {
    padding-left: 0;
  }
  
  .section-hero.section-hero-home .side {top: 26px; right: 30px; } 
  
  /* NEW 26 */
  .row-base {
    padding-left: 30px;
    padding-right: 30px;
  }
  
  .row-wide {
    padding-left: 0;
    padding-right: 0;
  }
  .block.block-text-image .text { padding-right: 20px;  }
  .block.block-text-image.block-text-image-reverse .text { padding-left: 20px; padding-right: 0; }
  
  .block-featured-items .slick-prev { left: calc(50% - 40px ); top: -30px; }
  .block-featured-items .slick-next { right: calc(50% - 40px ); top: -30px; }
  .block.block-quote blockquote { padding-right: 15px; }
  
  .section-hero-home .logo-brugge { left: 28px; top: 32px;}
  
  .overview-grid { width: calc(100% + 20px); margin-left: -10px; }
  .overview-grid .overview-grid-item { padding: 0px 10px 40px 10px; }
  
  .block-accordion .fold .article { padding: 0 30px 40px 30px; }
  .block-accordion .fold .article .text { max-width: 100%; }
  .block-accordion .fold .article .image { width: 100%; max-width: 600px; }


  
}






@media only screen and (max-width: 930px) {

  footer .footer-col.footer-col-links ul { max-width: 280px; }

}

@media only screen and (max-width: 870px) {

  .section-hero .title-page, .split .main .title-page, .section-hero.section-hero-legal .title-page { font-size: 4rem }

}



@media only screen and (max-width: 790px) {
    
  .button.button-arrow { min-height: 30px; font-size: 1.5rem; line-height: 0.841;  padding-left: 60px; padding-right: 15px;}
  .button.button-arrow span { height: 30px; width: 45px; }
  .button.button-arrow span svg { height: 30px; width: 60px; }
  .button.button-arrow:hover {  padding-left: 75px; padding-right: 0px; }
  .button.button-arrow:hover span { width: 60px; }  
  
  .block-text-bridge .content-columns {
    display: block;
  }
  
  .block-text-bridge .content-columns .content-columns-text {  width: 100%; flex: 0 0 100%; }
  
  .block-text-bridge .content-columns-bridge { display: none; }
  
}


@media only screen and (max-width: 780px) {

  .section-hero.section-hero-home .side { top: 14px; right: 20px;  width: 140px; }
  .section-hero.section-hero-home .meta { font-size: 2rem; line-height: 0.895; }


  .columns { flex-wrap: wrap; }
  .columns .column { width: 100%; flex: 0 0 100%; }
  .section-about .button-wrapper.button-wrapper-center { order: 99; }
  .section-performance .column-left { margin-bottom: 50px; }
  .section-performance .button-wrapper-center { order: 999999; border-left: 0; }
  .section-performance .button-wrapper-bridge { order: -1; border-left: 0; border-top: 0; border-bottom: 2px solid #1d1d1d; margin-top: 0; }
  .section-performance .button-wrapper-bridge .bridge { display: none; }
  
  .section-excerpt .content-columns { flex-wrap: wrap; }
  .section-excerpt .content-columns .content-columns-text { width: 100%; padding-top: 50px; }
  .section-excerpt .content-columns .content-columns-bridge, .button-wrapper-bridge-spacer { display: none; }
  
  .program-menu > ul { flex-direction: column; }
  .program-menu > ul li { width: 100%; }
  
  .program-menu > ul > li { border-left: 0; border-top: 2px solid #1d1d1d; }
  .program-menu > ul > li:first-child { border-top: 0; }
  .select2-dropdown:before { display: none; }
  .select2-dropdown { border-left: 0; margin-left: 0; border-right: 0; }
  
  .section-archive .columns .block.align-left, .section-archive .columns .column-left .block.align-right {
    padding-left: 30px;
  }
  
  .section-archive .columns .block.align-left {
    margin-top: 30px;
  }
  
  .section-about .container.border-top-grey .column-left {
    border-bottom: 2px solid #1d1d1d;
  }
  
  .section-about .column.border-left-grey {
    border-left: 0;
  }
  
  .block.block-quote blockquote { padding-right: 20px; font-size: 2em; }
  
  .block-featured-items .title-medium {
    font-size: 2.75em;
  }
  
  .section-intro .content-columns { flex-wrap: wrap; }
  .section-intro .content-columns .content-columns-text { width: 100%; padding-top: 50px; }
  .section-intro .content-columns .content-columns-bridge, .button-wrapper-bridge-spacer { display: none; }
  
  .section-hero-home .logo-brugge { top: 19px; }
  
   
}

@media only screen and (max-width: 780px) and (min-width: 636px) {

  .section-carousel .carousel-item .title { font-size: 1.5rem; padding-top: 20px; }
  .section-carousel .carousel-item .title strong { font-size: 2.125rem; }
  
}

@media only screen and (max-width: 730px) {
  .block-text-grid .text-grid { width: 100%; }
  .block-text-grid .text-grid li { margin: 30px 0; padding-right: 0; width: 100%; }
}

@media only screen and (max-width: 730px) {

  .split .main .days ul { font-size: 2.25rem; line-height: 1.25; }
  
}

@media only screen and (max-width: 720px) {

  .section-faq .accordion-item .content-columns { display: block; }
  .section-faq .accordion-item .content-columns > div { width: 100%; }
  .section-faq .accordion-item .content-columns > div .img { margin-top: 52px; }
  
  #gform_wrapper_1 .gform_footer { height: auto; display: display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; flex-wrap: wrap; }
  #gform_wrapper_1 .gform_save_link.button { display: block; float: none; margin: 20px auto 0 0; }
  #gform_wrapper_1 .gform_button { order: 2; margin: 20px auto 0 0; display: block;}
  
  
  .section-hero .title-page, .split .main .title-page, .section-hero.section-hero-legal .title-page { font-size: 3rem; }
  .split .main .title-page { padding-right: 20px; }
  
  .performances-grid li, .performances-grid.performances-grid-triple li { width: 100%; }
  
  .section-program-intro .split { flex-wrap: wrap; }
  
  .section-program-intro .split .sidebar, .section-program-intro .split .main {
    width: 1%;
    flex: 100%;
  } 
  
  .block.block-text-image { flex-wrap: wrap; }
  .block.block-text-image > div { width: 100%; }
  .block.block-text-image .text .button { margin-top: 30px; }
  .block.block-text-image.block-text-image-reverse .text { padding-left: 0px; padding-right: 0; padding-top: 30px; }
  
   
  .performances-grid .performances-grid-item { width: 100%; } 
  .performances-grid .shows, .performances-grid .info { min-height: auto; } 
  
  
  .overview-grid { width: 100%; margin-left: 0; }
  .overview-grid .overview-grid-item { width: 100%; padding-left: 0; padding-right: 0; }
  
  
  .block-performance-shows .shows { font-size: 1.25rem; }
  
  .block-text .text-width-double .content {
     width: 100%;
     column-count: 1;
   }
    
}


@media only screen and (max-width: 700px) {
  footer .footer-col-links, footer .footer-col-contact { width: 100%; } 
  footer .footer-col-contact { margin-top: 42px; }
  footer .newsletter { max-width: 100%; }
  footer .footer-col.footer-col-links ul { max-width: 100%; }
    
}

@media only screen and (max-width: 680px) {
  
  #header .date { display: none; }
  #header .languages, .show-logo #header .languages, .nav-active.show-logo #header .languages  { opacity: 1; pointer-events: auto; z-index: 60; }

  
  #header .logo svg { width: 81px; height: 42px; }
  #header .logo span { padding-top: 0.1em; }
  #header .logo span em { display: block; font-style: normal; line-height: 1; font-size: 0.7em; margin-top: -0.15em; }
  
  .section-downloads .list li { flex-wrap: wrap; }
  .section-downloads .list li a { margin-top: 10px; margin-left: 0; }

  .performances-grid .title h2 { font-size: 2.5em; }
  .performances-grid .title h3 { font-size: 1.975em }
  .performances-grid .button-wrapper-right .button { padding-left: 68px; padding-right: 18px; min-height: 38px; padding-top: 0.3em; font-size: 1.875rem; line-height: 0.841; }
  .performances-grid .button-wrapper-right .button span { width: 56px; height: 38px; }
  .performances-grid .button-wrapper-right .button:hover { padding-left: 87px; padding-right: 0; }
  .performances-grid .button-wrapper-right .button:hover span { width: 74px; }
  .performances-grid .button-wrapper-right .button span svg { height: 38px; width: 76px; }
  
  
  .block.block-form .gform_wrapper .gfield { flex-wrap: wrap; }
  .block.block-form .gform_wrapper .gfield label { width: 100%; margin-bottom: 0.5em; }
  
  
  .block.block-form .gform-body, .gfield input, .gfield textarea { font-size: 1.563rem; }
  .block.block-form .gform_button { font-size: 1.5rem; height: 48px; }
  .block.block-form .gfield.gf_custom_checkbox .gfield_checkbox .gchoice input[type="checkbox"] + label:before { width: 20px; height: 20px; top: -3px; }
  .block.block-form .gfield.gf_custom_checkbox .gfield_checkbox .gchoice input[type="checkbox"] + label { font-size: 1rem; line-height: 1.1; padding-left: 1.55em; }
  .block.block-form .gfield.gf_custom_checkbox .gfield_checkbox .gchoice input[type="checkbox"]:checked + label:before { background-size: 12px 12px;  }
  
}

@media only screen and (max-width: 635px) {
  .section-carousel .container { padding-left: 40px !important; padding-right: 40px !important; }
  .section-carousel .slick-prev { left: 9px; } 
  .section-carousel .slick-next { right: 9px; }
  .section-carousel .carousel-item .text:before { display: none; }
  .section-carousel .carousel-item .text { border-left: transparent; }
  .section-carousel .carousel-item { width: 100%; flex: 0 0 100%; }
}

@media only screen and (max-width: 620px) {
  
  footer .legal p { max-width: 380px; margin-left: auto; margin-right: auto; }
  
}

@media only screen and (max-width: 600px) {

  .split .main .days ul { font-size: 1.875rem; line-height: 1.25; }
  .split .main .days ul li { padding-top: 10px; padding-bottom: 10px; }
  .split .main .days ul li a { padding-left: 0.875em; }

}

@media only screen and (max-width: 590px) {
  
  .padding-top-small { padding-top: 16px; }
  .padding-top-regular { padding-top: 32px; }
  .padding-top-medium { padding-top: 60px; }
  .padding-top-large { padding-top: 70px; }
  
  .padding-bottom-small { padding-bottom: 16px; }
  .padding-bottom-regular { padding-bottom: 32px; }
  .padding-bottom-medium { padding-bottom: 60px; }
  .padding-bottom-large { padding-bottom: 70px; }
  
  .block-performance-intro { padding-bottom: 60px;  padding-top: 60px;  }
 
  .block-performance-header { padding-bottom: 70px;  padding-top: 32px; }
  
  .section-intro .content-columns .content-columns-text { padding-bottom: 60px; }
   
  .container, #header nav, .cookienotice .container, .columns .block, .split .sidebar .block,  .section-timeline .container > .content { padding-left: 20px; padding-right: 20px; }
  
  #header .languages { right: 58px; }
  
  .split .main .title-page { padding-left: 20px; }  
  .fold .fold-item .heading .button { padding: 0.3em 10px; }
  .fold .fold-item .content-columns { padding: 20px 10px 20px 10px; }
  .fold .fold-item .content-columns > div:first-child { padding-right: 5px; }
  .fold .fold-item .content-columns > div:nth-child(2) { padding-left: 5px; padding-right: 0px; }
  .fold .fold-item .article .content-blocks { padding: 20px 10px; }
    
  .fold .fold-item .content-columns, .fold .fold-item .heading .button, .fold.fold-small .fold-item .content-columns, .fold .fold-item .heading .button, .extra-info-wrapper > h2 { padding-left: 20px; padding-right: 20px; }
  
  
  
  
    
  #header nav .menu { font-size: 2.75rem; line-height: 0.895; }
    
  .section-introduction { font-size: 1.75rem; line-height: 1.25; }
  
  .section-box-pages ul { font-size: 2.5rem; line-height: 1.1; }
  .section-box-pages a span { width: 35px; height: 28px; margin-right: 14px; }
  .section-box-pages a span svg { width: 51px; height: 28px; }
  .section-box-pages a:hover span { width: 45px; }
  
  .section-faq .accordion-title { font-size: 1.75rem; line-height: 0.841; }
  .section-faq .accordion-item .heading .button { font-size: 2.25rem; line-height: 0.841; }
  
  /*
  .button-pill { font-size: 1.328rem; line-height: 1; }
  .gform_button, .gform_save_link.button, #gform_send_resume_link_button_1 { font-size: 1.328rem; line-height: 1; }
  .gform_confirmation_message, .form_saved_message, .form_saved_message_sent { font-size: 1rem; line-height: 1.3; }
  .gfield, fieldset.gfield { margin-bottom: 20px; }
  .gfield.gsection:not(:first-child) { margin-top: 13px; }
  .gfield.gsection h3 { font-size: 1.66rem; line-height: 1.1; }
  .gfield_label { font-size: 1.25rem; line-height: 1.1;  }
  .gfield input, .gfield textarea { font-size: 1.125rem; line-height: 1.2; padding: 0.4em 1em; border-radius: 20px; }
  .gf_upload_field .gfield_description { font-size: 0.9375rem; line-height: 1.1; }
  .gform_drop_area { font-size: 1.125rem; line-height: 1.2; border-radius: 20px;  }
  fieldset.gfield.gf_custom_checkbox_newsletter { margin-top: 20px; margin-bottom: 14px; }
  .gfield.gf_custom_checkbox .gfield_checkbox .gchoice input[type="checkbox"] + label { font-size: 1.125rem; line-height: 1.2; padding-left: 1.45em; }
  .gfield.gf_custom_checkbox .gfield_checkbox .gchoice input[type="checkbox"] + label:before { width: 20px; height: 20px; border-radius: 6px; }
  .gfield.gf_custom_checkbox .gfield_checkbox .gchoice input[type="checkbox"]:checked + label:before { background-size: 11px 11px; }
  .gfield.gf_custom_radiobuttons .gfield_radio label { font-size: 1.125rem; line-height: 1.2; padding-left: 1.45em; }
  .gfield.gf_custom_radiobuttons .gfield_radio label:before { width: 20px; height: 20px; }
  .gfield.gf_custom_radiobuttons .gfield_radio label:after { width: 10px; height: 10px; left: 5px; top: 3px; }
  .gfield.gf_custom_radiobuttons .gfield_radio .gchoice { margin-top: 0.5em; }
  .gform_footer { margin-top: 20px; height: 47px; }
  .gform_ajax_spinner { width: 46px; height: 46px; }
  .gfield input::-webkit-input-placeholder { font-size: 18px; }
  .gfield input:-moz-placeholder { font-size: 18px; }
  .gfield input::-moz-placeholder { font-size: 18px; }
  .gfield input:-ms-input-placeholder { font-size: 18px; }
  */
  
  footer .footer { padding-top: 43px; padding-bottom: 45px; }
  footer .footer-col-links li a { font-size: 2.125rem; line-height: 1; }
  footer .footer-col-contact { max-width: 204px; margin-top: 37px; }
  footer .footer-col-contact p { margin-top: 1em; font-size: 1.25rem; line-height: 1.1; }
  footer .newsletter h3 { font-size: 1.45rem; }
  
  .section-hero.section-hero-home .container { display: block; }
  .section-hero.section-hero-home .main { width: 110%; margin-left: -5%; }
  .section-hero.section-hero-home .title-page { font-size: 11vw; line-height: 0.895; }
  .section-hero.section-hero-home .side { width: 110px; }
  .section-hero.section-hero-home .meta { font-size: 1.75rem; }
  
  .fold .fold-item .content-columns { flex-wrap: wrap; }
  .fold .fold-item .content-columns > div { width: 100%; flex: 0 0 100%; }
  .fold .fold-item .content-columns > div:nth-child(2) { margin-top: 30px; }
  .fold .fold-item .content-columns .button.button-arrow { margin-top: 20px; }
  
  #tickets .content { padding: 85px 20px 20px 20px; }
  
  .section-imageslider .container { padding-left: 0px !important; padding-right: 0px !important; padding-top: 60px; }
  .section-imageslider .slick-prev { left: 10px; top: 10px; margin-top: 0; }
  .section-imageslider .slick-next { right: 10px; top: 10px; margin-top: 0; }
  
  .slideshow-wrapper .slideshow-item { padding: 60px 0px 20px 0px; }
  .slideshow-wrapper .slick-next, .slideshow-wrapper .slick-prev, .slideshow-wrapper .slick-close { top: 10px; }
  
  .section-archive .columns .block.align-left, .section-archive .columns .column-left .block.align-right { padding-left: 20px; }
  
  /* NEW 26 */
  .row-base {
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .row-wide {
    padding-left: 0;
    padding-right: 0;
  }
  .block.block-text-image .text { padding-right: 0px;  }
  .block.block-text-image.block-text-image-reverse .text { padding-left: 0px; padding-right: 0; }
  
  .block.block-quote blockquote { padding-right: 10px; }
  
  .block-featured-items .title-medium {
    font-size: 2.75em;
  }
  
  .section-hero-home .logo-brugge { left: 18px; top: 19px; width: 80px; height: 55px; }

  .block-accordion .fold .article { padding: 0 20px 30px 20px; }


}


@media only screen and (max-width: 540px) {
  
  .fold .fold-item .heading h2 { font-size: 2rem; }
  .fold .fold-item-child .heading h2 { font-size: 1.5rem; }
  
  .fold.fold-small .fold-item .heading h2, .extra-info-wrapper > h2 {
    font-size: 1.5rem;
  }
  
  .block .meta .tags { font-size: 1.5rem; line-height: 1.1; }
  .block .meta .location { font-size: 1.5rem; }
  .block .meta .location p {  padding-left: 20px; }
  .block .meta .location svg { width: 18px; height: 22px; }
  .block .meta .price { font-size: 2rem; width: 74px; height: 74px; }
  .block .meta .price.price-small { font-size: 1.4rem; line-height: 1; }
  
  .section-timeline .container > .content {  padding-top: 30px; padding-bottom: 30px; }
  .section-timeline .container > .content h2 { font-size: 2rem; line-height: 0.841; }
  .block.block-text-image .text .button.button:nth-of-type(2) {
    margin-top: 10px;  
  }  
  
  .block.block-performance-intro .meta, .block.block-performance-intro .meta .location { padding-top: 0; }
  .block.block-performance-intro .meta .location p { padding-left: 30px;  }
  .block.block-performance-intro .meta .location svg {
    width: 22px;
    height: 28px;
  }
  
}


@media only screen and (max-width: 520px) {

  .button-multiline { display: inline-block; }
  .button-multiline .button { display: table-cell; width: 50px; text-align: center; }
  .button-multiline.button.button-arrow span { top: 15px; }
  
  .section-hero .title-page, .split .main .title-page, .section-hero.section-hero-legal .title-page { font-size: 2.5rem } 
  .section-intro .content-columns h2 { font-size: 1.75em; }
  .section-intro .content-columns h3 { font-size: 1.5em; }
  
  .overview-grid h3 { font-size: 2.188rem; }
  .overview-grid .button.button-arrow.button-arrow-medium { padding-left: 68px; padding-right: 18px; min-height: 38px; padding-top: 0.3em; font-size: 1.875rem; line-height: 0.841; }
  .overview-grid .button.button-arrow.button-arrow-medium span { width: 56px; height: 38px; }
  .overview-grid .button.button-arrow.button-arrow-medium:hover { padding-left: 87px; padding-right: 0; }
  .overview-grid .button.button-arrow.button-arrow-medium:hover span { width: 74px; }
  .overview-grid .button.button-arrow.button-arrow-medium span svg { height: 38px; width: 76px; }
   
}

@media only screen and (max-width: 500px) {
  
  .padding-top-small { padding-top: 16px; }
  .padding-top-regular { padding-top: 32px; }
  .padding-top-medium { padding-top: 40px; }
  .padding-top-large { padding-top: 50px; }
  
  .padding-bottom-small { padding-bottom: 16px; }
  .padding-bottom-regular { padding-bottom: 32px; }
  .padding-bottom-medium { padding-bottom: 40px; }
  .padding-bottom-large { padding-bottom: 50px; }
  
   
  #header nav .menu { font-size: 2.5rem; line-height: 0.895; }
  #header nav .menu li a { margin-top: 0.4em;  }
  
  footer .footer { padding-top: 43px; padding-bottom: 45px; }  
  footer .legal p a { display: inline-block; margin-top: 0.25em; }
  footer .legal p em { display: block; height: 0; visibility: hidden; }
  
  .performances-grid .text { padding-left: 20px; padding-right: 20px; }
  .performances-grid .title { padding-top: 30px; padding-bottom: 20px; }
  .performances-grid .meta, .featured-performance .location { padding-top: 30px; }
  
  .section-downloads .list li { font-size: 1.5rem; }
  .section-downloads .list li a { min-height: 30px; font-size: 1.5rem; line-height: 0.841;  padding-left: 60px; padding-right: 15px;}
  .section-downloads .list li a span { height: 30px; width: 45px; }
  .section-downloads .list li a span svg { height: 30px; width: 60px; }
  .section-downloads .list li a:hover {  padding-left: 75px; padding-right: 0px; }
  .section-downloads .list li a:hover span { width: 60px; } 
  
  .section-imageslider .imageslider, .section-imageslider .imageslider .slider-item img { height: 160px; }
   
   .block-featured-items .title-medium {
     font-size: 2.75em;
   }
   
   .block-performance-intro { display: block; }
   
}

@media only screen and (max-width: 490px) {
  .split .main .days ul { flex-wrap: wrap; font-size: 1.5rem; line-height: 1.25; }  

  #gform_wrapper_1 .gform_save_link.button, #gform_wrapper_1 .gform_button { font-size: 1.5rem; }
  
  .block-featured-items .carousel-item .text { padding: 20px 20px; }
  
  .block-performance-shows .shows { font-size: 1rem; }

  
}

@media only screen and (max-width: 400px) {
  .split .main .days ul { flex-wrap: wrap; font-size: 1.875rem; line-height: 1.25; }
  .split .main .days ul li { border-left: none; width: 100%; text-align: left; padding-left: 0.5em; }
  .split .main .days ul li:not(:first-child) { border-top: solid 2px #2e61ff; }
  .split .main .days ul li a { padding-left: 1em; }
  
  .performances-grid .title h2 { font-size: 2.125em; }
  .performances-grid .title h3 { font-size: 1.5em }
}


@media only screen and (max-width: 450px) {
   
  #header { height: 50px; }
  main, #header nav { padding-top: 50px; }
  #header .logo span, #header .date, #header .languages { font-size: 1.5rem; }
  #header .logo svg { width: 70px; height: 36px; }
  
  #header .languages { right: 47px; font-size: 1.47rem; top: 10px; }
  #header .languages li:not(:first-child) { margin-right: 0.2em; }  
   
  
  #trigger-nav { height: 16px; width: 24px; }
  #trigger-nav > span > span:nth-child(2), #trigger-nav > span > span:nth-child(3) { top: 7px; }
  #trigger-nav > span > span:nth-child(4) { top: 14px; }
  
  .section-hero.section-hero-home .side { width: 90px; }
  .section-hero.section-hero-home .meta { font-size: 1.5rem; }
  
  .column-title-medium { font-size: 2.75rem; line-height: 1.1; } 
  .column-form { margin-top: 40px; }
  .column-form .gfield, .column-form fieldset.gfield { margin-bottom: 30px; }
  
  .column-form .gfield input, .column-form .gfield textarea {  font-size: 22px; font-weight: 400; }
  .column-form .gfield input::-webkit-input-placeholder, .column-form .gfield textarea::-webkit-input-placeholder {	font-size: 22px; color: #E6E6F0; font-style: normal; opacity: 0.7; font-weight: 400; }
  .column-form .gfield input:-moz-placeholder, .column-form .gfield textarea:-moz-placeholder { font-size: 22px; color: #E6E6F0; font-style: normal; opacity: 0.7; font-weight: 400; }
  .column-form .gfield input::-moz-placeholder, .column-form .gfield textarea::-moz-placeholder { font-size: 22px; color: #E6E6F0; font-style: normal; opacity: 0.7; font-weight: 400; }
  .column-form .gfield input:-ms-input-placeholder, .column-form .gfield textarea:-ms-input-placeholder { font-size: 22px; color: #E6E6F0; font-style: normal; opacity: 0.7; font-weight: 400; }
  
  .column-form .gfield textarea::-webkit-input-placeholder { line-height: 26px; }
  .column-form .gfield textarea:-moz-placeholder { line-height: 26px; }
  .column-form .gfield textarea::-moz-placeholder { line-height: 26px; }
  .column-form .gfield textarea:-ms-input-placeholder { line-height: 26px; }
  .column-form .gfield.gf_custom_checkbox .gfield_checkbox .gchoice input[type="checkbox"] + label { font-size: 1.125rem; }
  .column-form .gfield.gf_custom_checkbox .gfield_checkbox .gchoice input[type="checkbox"] + label:before { width: 24px; height: 24px; }
  .column-form .gfield.gf_custom_checkbox .gfield_checkbox .gchoice input[type="checkbox"]:checked + label:before { background-size: 12px 12px; }
  .column-form .gform_button { font-size: 1.25rem; height: 40px; }
  .column-form .gform_ajax_spinner { width: 40px; height: 40px; }
  
  .content h3 { font-size: 2rem; }
  #cmplz-document h2 { font-size: 2rem; line-height: 1.1; }

  
  .content.content-introduction { font-size: 1.25rem; }
  
  .section-downloads .buttons li { font-size: 1.5rem; }
  .section-downloads .buttons li a { min-height: 30px; font-size: 1.5rem; line-height: 0.841;  padding-left: 60px; padding-right: 15px;}
  .section-downloads .buttons li a span { height: 30px; width: 45px; }
  .section-downloads .buttons li a span svg { height: 30px; width: 60px; }
  .section-downloads .buttons li a:hover {  padding-left: 75px; padding-right: 0px; }
  .section-downloads .buttons li a:hover span { width: 60px; } 
  
  .section-carousel .container { padding-left: 0px !important; padding-right: 0px !important; padding-top: 60px;}
  .section-carousel .slick-prev { left: 10px; top: 10px; margin-top: 0;} 
  .section-carousel .slick-next { right: 10px; top: 10px; margin-top: 0; }

  .fold.fold-small .fold-item .heading h2 { font-size: 1.25rem; padding-right: 10px; }
  
  .section-intro .content-columns .button.button-arrow.button-arrow-small { font-size: 1.25em; }
  
  .section-hero-home .logo-brugge { left: 18px; top: 19px; width: 60px; height: 41px; }
  
  .block-text .content.content-small h2, .block-accordion .content.content-small h2 { font-size: 2.125rem; }
  .block-text .content.content-small h3, .block-accordion .content.content-small h3 { font-size: 1.5rem; }
  
}


@media only screen and (max-width: 420px) {



  .section-hero.section-hero-home .meta { font-size: 1.25rem; }
  .block-featured-items .title-medium { font-size: 2.25em; }
}  


@media only screen and (max-width: 400px) {
  
  .section-hero.section-hero-home .side { right: 10px; top: 10px; }

  
  #header .container { padding-left: 10px; padding-right: 10px;  }
  #header .languages { right: 37px; }
    
  #gform_wrapper_1 .gform_save_link.button { width: 100%; height: auto; }
  #gform_wrapper_1 .gform_button { margin: 20px auto 0; }
  
  .page-sponsors .section-hero.section-hero-legal .title-page { font-size: 2rem; }
    
  .button-wrapper.button-wrapper-center, .button-wrapper.button-wrapper-bridge { height: 76px; font-size: 2.250em; line-height: 0.841; }
  .button-wrapper.button-wrapper-bridge > span { padding-top: 0; }
  .button-wrapper.button-wrapper-center .arrow-button-small, .button-wrapper.button-wrapper-bridge .arrow-button-small { margin-top: 12px; padding-left: 84px; padding-right: 20px }
  .button-wrapper.button-wrapper-center .arrow-button-small:hover, .button-wrapper.button-wrapper-bridge .arrow-button-small:hover { padding-left: 104px; padding-right: 0; }  
  .button-wrapper.button-wrapper-center .arrow-button-small span, .button-wrapper.button-wrapper-bridge .arrow-button-small span { width: 68px; height: 48px; } 
  .button-wrapper.button-wrapper-center .arrow-button-small:hover span, .button-wrapper.button-wrapper-bridge .arrow-button-small:hover span { width: 92px; }
  .button-wrapper.button-wrapper-center .arrow-button-small span svg, .button-wrapper.button-wrapper-bridge .arrow-button-small span svg { width: 93px; height: 48px; }

  .section-button-participate .button-wrapper.button-wrapper-center { height: auto; } 

  .block .meta .tags { font-size: 1.25rem; line-height: 1.1; }
  .block .meta .location { padding-top: 30px;}
  
  .button-wrapper.button-wrapper-bridge.button-wrapper-soldout > span, .button-wrapper.button-wrapper-center.button-wrapper-soldout > span { padding-top: 25px; }
  
  #tickets .button.button-arrow.button-arrow-medium { padding-left: 68px; padding-right: 18px; min-height: 38px; padding-top: 0.3em; font-size: 1.875rem; line-height: 0.841; }
  #tickets .button.button-arrow.button-arrow-medium span { width: 56px; height: 38px; }
  #tickets .button.button-arrow.button-arrow-medium:hover { padding-left: 87px; padding-right: 0; }
  #tickets .button.button-arrow.button-arrow-medium:hover span { width: 74px; }
  #tickets .button.button-arrow.button-arrow-medium span svg { height: 38px; width: 76px; }
  
  .block.block-quote blockquote { padding-right: 0; font-size: 1.75em; }
  
  
  .section-hero-home .logo-brugge { left: 8px; top: 13px;}
  
    
  .overview-grid .text { padding: 20px 10px; }
  .overview-grid .button-wrapper { padding: 0px 10px 10px 10px; }
 
}


@media only screen and (max-width: 390px) {
  #header nav .menu { font-size: 2.25rem; line-height: 0.895; }
  #header nav .menu li a { margin-top: 0.4em;  }
  
  .fold .fold-item .heading .button { padding-top: 0.2em; padding-bottom: 0.2em; }
  .fold .fold-item .heading h2 { font-size: 1.75rem; }
  .fold .fold-item-child .heading h2 { font-size: 1.25rem; line-height: 1; }
  .fold .content-columns-text { font-size: 1rem; }
  
  .fold .fold-item .article .content-blocks .content-blocks-text h3 { font-size: 1.5rem; }
  
  .fold .fold-item .content-columns .button.button-arrow { min-height: 30px; font-size: 1.25rem; line-height: 0.841;  padding-left: 60px; padding-right: 15px;}
  .fold .fold-item .content-columns .button.button-arrow span { height: 30px; width: 45px; }
  .fold .fold-item .content-columns .button.button-arrow span svg { height: 30px; width: 60px; }
  .fold .fold-item .content-columns .button.button-arrow:hover {  padding-left: 75px; padding-right: 0px; }
  .fold .fold-item .content-columns .button.button-arrow:hover span { width: 60px; }   
  
  .block-text-grid .text-grid h2, .block-text-grid .text-grid h3 { font-size: 1.5rem; }
  .block-text-grid .text-grid .content p { font-size: 1.125rem; }
  
  .block-accordion .fold .fold-item .heading h2 { font-size: 1.5rem; }
  
}

@media only screen and (max-width: 360px) {
  
  .performances-grid .text {
  padding-left: 0px;
  padding-right: 0px;
  }
  
  .overview-grid h3 {
    font-size: 2rem;
  }
  
  .overview-grid .button.button-arrow.button-arrow-medium, .performances-grid .button-wrapper-right .button { min-height: 30px; font-size: 1.5rem; line-height: 0.841;  padding-left: 60px; padding-right: 15px;}
  .overview-grid .button.button-arrow.button-arrow-medium span, .performances-grid .button-wrapper-right .button span { height: 30px; width: 45px; }
  .overview-grid .button.button-arrow.button-arrow-medium span svg, .performances-grid .button-wrapper-right .button span svg { height: 30px; width: 60px; }
  .overview-grid .button.button-arrow.button-arrow-medium:hover, .performances-grid .button-wrapper-right .button:hover {  padding-left: 75px; padding-right: 0px; }
  .overview-grid .button.button-arrow.button-arrow-medium:hover span, .performances-grid .button-wrapper-right .button:hover span { width: 60px; } 
  
}

@media only screen and (max-width: 350px) {
  
  #header .container, .cookienotice .container, .performances-grid .text { padding-left: 10px; padding-right: 10px; }
  .split .main .title-page { padding-left: 10px; }
  .fold .fold-item .content-columns, .fold .fold-item .heading .button { padding-left: 10px; padding-right: 10px; }
 
  .block .meta { padding-top: 30px; }
  .block .meta .tags { font-size: 1.1rem; line-height: 1.1; }
  .block .meta .location { padding-top: 30px;}
  
  .performances-grid .shows { font-size: 0.875em; }
  
}


@media only screen and (max-width: 340px) {
  #header nav .menu { font-size: 2.125rem; line-height: 0.895; }
  #header nav .menu li a { margin-top: 0.4em;  }
  #header .languages li:not(:first-child) { margin-right: 0; margin-left: 0.15em; } 
  
  .block-featured-items .button.button-arrow { font-size: 1.25rem; }
}



/* ==========================================================================
 iPhone finetuning - all browsers
 ========================================================================== */


@media only screen and (max-width: 767px) and (orientation: portrait) {  
  .os-ios .button-pill, .os-ios .cookienotice .button, .os-ios .gform_button, .os-ios .gform_save_link.button, .os-ios #gform_send_resume_link_button_1 { padding-top: 0.4em; padding-bottom: 0.35em; }  
  .os-ios .section-hero .title-page {  margin-top: 0.175em; margin-bottom: 0.145em; }
  .os-ios .section-hero.section-hero-title .title-page { margin-top: 0.177em; margin-bottom: -0.115em; }    
  .os-ios .section-hero .bridge .title-page { margin-top: 0; margin-bottom: -0.09em; }
  .os-ios #header .logo span, .os-ios #header .date, .os-ios #header .languages a { padding-top: .06em; }    
}

@media only screen and (max-width: 926px) and (orientation: landscape) {  
  .os-ios .button-pill, .os-ios .cookienotice .button, .os-ios .gform_button, .os-ios .gform_save_link.button, .os-ios #gform_send_resume_link_button_1 { padding-top: 0.4em; padding-bottom: 0.35em; }  
  .os-ios .section-hero .title-page {  margin-top: 0.175em; margin-bottom: 0.145em; }
  .os-ios .section-hero.section-hero-title .title-page { margin-top: 0.177em; margin-bottom: -0.115em; }    
  .os-ios .section-hero .bridge .title-page { margin-top: 0; margin-bottom: -0.09em; }
  .os-ios #header .logo span, .os-ios #header .date, .os-ios #header .languages a { padding-top: 0.06em; }    
}