/* BELOW 1920PX WIDTH *********************************************************/
@media handheld, only screen and (max-width: 1919px) {

/* GENERAL */
  html {
    font-size: 20px;
  }

/* HEADER */
  #menu-overlay ul {
    /*left: 12%;*/
  }

}



/* BELOW 1790PX WIDTH *********************************************************/
@media handheld, only screen and (max-width: 1789px) {

/* GENERAL */
  html {
    font-size: 19px;
  }

/* HEADER */
  header .button_container span:nth-of-type(2) {
    top: 8px;
  }

/* PAGE CONTENT */
  blockquote.tagline,
  blockquote.mission {
    margin: .5em auto 3.25em;
    max-width: 85%;
  }

}



/* BELOW 1660PX WIDTH *********************************************************/
@media handheld, only screen and (max-width: 1659px) {

/* GENERAL */
  html {
    font-size: 18px;
  }

}



/* BELOW 1530PX WIDTH *********************************************************/
@media handheld, only screen and (max-width: 1529px) {

/* GENERAL */
  html {
    font-size: 17px;
  }

/* HEADER */
  header .button_container {
    height: .625em;
  }
  header a.active .button_container .bottom {
  -webkit-transform: translateY(-.28125rem) translateX(0) rotate(-45deg);
          transform: translateY(-.28125rem) translateX(0) rotate(-45deg);
  }

}



/* BELOW 1400PX WIDTH *********************************************************/
@media handheld, only screen and (max-width: 1399px) {

/* GENERAL */
  html {
    font-size: 16px;
  }

/* HEADER */
  #menu-overlay ul {
    /*left: 11.25%;*/
  }

/* PAGE CONTENT */
  blockquote.tagline,
  blockquote.mission {
    max-width: 100%;
    padding: 0 2.625vw;
  }
  .full-width-content-wrap p,
  .full-width-content-wrap h2,
  .full-width-content-wrap h3,
  .full-width-content-wrap h4,
  .full-width-content-wrap ul {
    max-width: 50%;
  }


}



/* BELOW 1200PX WIDTH *********************************************************/
@media handheld, only screen and (max-width: 1199px) {

/* GENERAL */
  html {
    font-size: 15px;
  }

/* HEADER */
  header .button_container span:nth-of-type(2) {
    top: 7px;
  }


/* HOME */
  .featured-grid-item .grid-list-item-flex a + p {
    padding: 0;
  }
  .home .news-archive-grid-item {
    width: 48%;
  }

}



/* BELOW 1100PX WIDTH *********************************************************/
@media handheld, only screen and (max-width: 1099px) {

/* HEADER */
  #menu-overlay ul {
    /*left: 10.5%;*/
  }

/* ARCHIVE */
  .post-type-archive-programs .page-title-wrap,
  .archive.tax-season .page-title-wrap {
    margin-bottom: 2.5em;
  }
  .flex-1-5.archive-grid-navigation-wrap,
  .flex-4-5.archive-grid-wrap {
    width: 100%;
  }
  .archive-grid-navigation-wrap {
    margin-bottom: 2em;
  }
  .archive-grid-navigation-wrap p {
    max-width: 48em;
  }

/* ARCHIVE NEWS */
  .post-type-archive-news .flex-1-5.archive-grid-navigation-wrap {
    display: none;
  }

/* GRID-LIST - PROGRAM STYLE */
  .grid-list-wrap.program-style .grid-list-item .grid-list-item-flex .flex-1-3:nth-child(1),
  .grid-list-wrap.program-style .grid-list-item .grid-list-item-flex .flex-1-3:nth-child(3) {
    padding-top: 1.75rem;
  }
  .grid-list-wrap.program-style .grid-list-item-date {
    font-size: 1em;
  }
  .grid-list-wrap.program-style .grid-list-item .ticket-link {
    font-size: 1.125em;
  }

}



/* BELOW 900PX WIDTH **********************************************************/
@media handheld, only screen and (max-width: 899px) {

/* GENERAL */
  .grid {
		width: 100%;
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
	[class*='col-'] {
		width: auto;
		float: none;
		margin-left: 0;
		margin-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		padding-left: 0;
		padding-right: 0;
	}

/* HEADER */
  #menu-overlay ul {
    /*left: 9.0625%;*/
  }

/* FOOTER */
  .footer-panel-3 .flex-1-X:nth-child(1) {
    -ms-flex-preferred-size: 71%;
        flex-basis: 71%;
  }
  .footer-menu:nth-of-type(2) {
    margin-left: 1.5em;
  }

/* SINGLE PROGRAM */
  .parent-program-title-block h1 {
    font-size: 3.37em;
  }

}



/* MOBILE BREAKPOINT AT 700PX *************************************************/



/* BELOW 700PX WIDTH **********************************************************/
@media handheld, only screen and (max-width: 699px) {

/* GENERAL */
  .mobile-hide,
  .mobile-hide.inline,
  #menu-toggle .mobile-hide,
  header .breadcrumb-wrap.mobile-hide {
    display: none;
  }
  .mobile-show,
  .flex-sidebar .grid-link-block.mobile-show {
    display: block;  
  }
  .mobile-show.inline,
  #menu-toggle .mobile-show.inline {
    display: inline;
  }

/* BORDER STYLES */
  header,
  .home .border-top:not([class^="footer-panel-"]),
  .home .border-bottom {
    border: 0 none;
  }

/* LAYOUT MOBILE BREAKPOINT */
  .home-current-upcoming-wrap [class*='flex-1'],
  .home-recent-news-wrap [class*='flex-1'],
  main .grid-list-navigation-wrap[class*='flex-1']:not(.mobile-hide),
  main .grid-list-wrap[class*='flex-'],
  main .grid-list-wrap.grid-style [class*='flex-1']:not(.mobile-flex),
  .archive-grid-wrap.flex-4-5,
  .news-archive-grid-item.flex-1-2,
  .shop-featured-grid-item.flex-1-3 {
    display: block;
    width: 100%;
    padding: 0;
  }
  main .grid-list-wrap.program-style.flex-grid-wrap {
    padding: 0 4%;
  }
  .page .flex-1-2.flex-content,
  .page .flex-1-2.flex-sidebar {
    width: 100%;
    margin: 0;
  }
  
/* IMAGE CONTAINER RATIO ADJUSTMENTS */
  a.flex-featured-image-panel-wrap.ratio-50,
  .parent-program-featured-image-block .ratio-50,
  .featured-image-block .ratio-128,
  .news-archive-grid-item-image-wrap.ratio-50 {
    padding-bottom: 86%;
  }
  .home-current-upcoming-wrap .ratio-125,
  .grid-style .grid-list-item .ratio-125,
  .program-style .grid-list-item .ratio-50,
  .single-news .featured-image-panel .ratio-50,
  .page .featured-image-panel .ratio-50,
  .shop-featured-grid-item-image-wrap.ratio-163 {
    padding-bottom: 75%;  
  }

/* HEADER */
  header:not(.menu-open) {
    position: initial;
  }
  header .content-wrap {
    text-align: right;
    margin-top: .5em;
    padding: 1.4375em 4%;
  }
  .header-logo-link.centered {
    left: 4%;
    -webkit-transform: translate(4%,-50%);
            transform: translate(4%,-50%);
  }
  header .button_container {
    width: 1.8125em;
    height: .825rem;
  }
  header .button_container span {
    height: .12em;
  }
  header .button_container span:nth-of-type(2) {
    top: .625rem;
  }
  a.active .button_container .top {
    -webkit-transform: translateY(.375rem) translateX(0) rotate(45deg);
            transform: translateY(.375rem) translateX(0) rotate(45deg);
  }
  a.active .button_container .bottom {
    -webkit-transform: translateY(-.25rem) translateX(0) rotate(45deg);
            transform: translateY(-.25rem) translateX(0) rotate(45deg);
  }

/* OVERLAY MENU */
  header.menu-open,
  #menu-overlay.open {
    font-weight: 300;
    background-color: #171717;
  }
  header.menu-open a,
  #menu-overlay.open a {
    color: #ffffff;
  }
  header.menu-open .button_container .black-bg {
    background-color: #ffffff;
  }
  header.menu-open svg.black .st0 {
    fill: #ffffff;
  }
  #menu-overlay {
    height: 100vh;
  }
  #menu-overlay ul {
    left: 0;
    display: block;
    margin: 0;
  }
  #menu-overlay ul:not(.sub-menu) li {
    width: auto;
    margin-bottom: 1em;
  }
  #menu-overlay ul.sub-menu {
    display: none;    
  }
  #menu-overlay .menu-overlay-first-row li:last-child a,
  #menu-overlay .menu-overlay-second-row li.menu-item-6830 > a {
    margin-left: 0;
  }  
  #menu-overlay .menu-overlay-footer {
    padding: 0;
    font-size: 1.125em;
  }
  #menu-overlay .menu-overlay-footer .flex-1-2:nth-child(2) {
    text-align: left;
  }

/* FOOTER */
  .large-link-panel {
    padding-bottom: 1.435em;
  }
  .footer-panel-3 .flex-1-X:nth-child(1) {
    -ms-flex-preferred-size: 36%;
        flex-basis: 36%;
  }
  .footer-panel-3 .flex-1-X:nth-child(2) {
    -ms-flex-preferred-size: 64%;
        flex-basis: 64%;
  }
  .footer-menu:nth-of-type(1),
  .footer-menu:nth-of-type(2) {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    width: auto;
    margin-left: 0;
  }
  
/* HOME */
  .home section[class*='-wrap'] .content-wrap {
    margin-bottom: 9rem;
  }
  .home section.home-title-feature-wrap .content-wrap,
  .home section.footer-panel-2 .content-wrap,
  .home section.footer-panel-3 .content-wrap {
    margin-bottom: 0;
  }
  a.flex-featured-image-panel-wrap.ratio-50 {
    padding-bottom: 86%;
  }
  .home-featured-text-wrap {}
  .home-featured-text-wrap blockquote {
    width: auto;
    margin: 2em .25em .9375em;
    font-size: 1.375em;
    font-weight: 300;
  }
  .home-featured-text-wrap blockquote.reduced-width {
    max-width: 100%;
  }
  h2.home-section-title {
    font-size: 2em;
  }

/* HOME - CURRENT-UPCOMING */
  .home-current-upcoming-wrap .grid-list-item .grid-list-item-flex.flex-1-1:not(:last-child) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .home-current-upcoming-wrap .grid-list-item .grid-list-item-flex .flex-1-2,
  main .grid-list-wrap.grid-style .grid-list-item .grid-list-item-flex .flex-1-2, {
    width: 50%;
  }
  .home-current-upcoming-wrap .ratio-125 {
    padding-bottom: 68%;
  }
  .featured-grid-item .grid-list-item.flex-grid-wrap {
    margin-bottom: 4em;
  }
  .home-current-upcoming-wrap .grid-list-wrap.grid-style .grid-list-item.flex-grid-wrap {
    margin-bottom: 4em;
    padding-left: 0;
  }
  .home-current-upcoming-wrap .grid-list-wrap:last-child .grid-list-item.flex-1-2 {
    font-size: inherit;
  }

/* HOME - GRID-LIST STYLES USED FOR HOME PAGE WHAT'S ON + */
  .grid-list-item .grid-list-item-flex.flex-1-1.mobile-flex .flex-1-2 {
    width: 50%;
  }
  .grid-list-item .grid-list-item-flex h2 {
    font-size: 1.39375em;
  }

/* HOME - RECENT NEWS + SHOP FEATURED */
  .home-recent-news-wrap .news-archive-grid-wrap,
  .home-shop-featured-wrap .shop-featured-grid-wrap {
    font-size: .875em;
  }
  .home section.home-shop-featured-wrap .flex-grid-wrap {
    padding: 0;
  }
  .home-recent-news-wrap .news-archive-grid-item,
  .home-shop-featured-wrap .shop-featured-grid-item {
    margin: 0 0 4em;
    padding: 0;
  }
  .home-recent-news-wrap .news-archive-grid-item:nth-child(3),
  .home-shop-featured-wrap .shop-featured-grid-item:nth-child(3) {
    margin: 0;
  }
  .home-recent-news-wrap .news-archive-grid-item:nth-child(4),
  .home-recent-news-wrap .news-archive-grid-item:nth-child(5),
  .home-recent-news-wrap .news-archive-grid-item:nth-child(6) {
    display: none;
  }

/* HOME - ARCHIVE-GRID STYLES USED FOR HOME PAGE NEWS + SHOP FEATURED */
  .news-archive-grid-item,
  .shop-featured-grid-item {
      font-size: 1.125em;
  }
  .news-archive-grid-item .news-archive-grid-item-text-wrap h2,
  .shop-featured-grid-item .shop-featured-grid-item-text-wrap h3,
  .flex-1-1 .news-archive-grid-item-text-wrap h2 {
      font-size: 1.9375em;
  }

/* PAGE CONTENT STYLES */
  .page-title-wrap {
    margin-bottom: 4em;
  }
  .large-link-panel, .font-size-xl {
    font-size: 18.075vw;
  }
  h1.page-title.font-size-xl {
    margin-top: .34125em;
    margin-bottom: .1875em;
  }

/* SINGLE PROGRAMS */
  .post-content-wrap.flex-grid-wrap.grid-first-row,
  .post-content-wrap.flex-grid-wrap.grid-second-row {
    -ms-flex-flow: column-reverse wrap;
        flex-flow: column-reverse wrap;
  }
  .post-content-wrap .flex-1-2.featured-image-block,
  .post-content-wrap .flex-1-2.primary-content-block,
  .post-content-wrap .flex-1-2.title-block,
  .post-content-wrap .flex-1-2.info-block {
    width: 100%;
  }

  .full-width-content-wrap p,
  .full-width-content-wrap h2,
  .full-width-content-wrap h3,
  .full-width-content-wrap h4,
  .full-width-content-wrap ul {
    max-width: 43.64em;
  }


  .title-block-content-row.first-row {
    margin: 1.5em auto 3em;
  }
  .title-block-content-wrap.centered.flex-1-1 {
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
    -webkit-transform: none;
            transform: none;
  }
  body.archive-invert.single-programs .title-block-content-row.first-row,
  .title-block-content-row.first-row {
    margin-bottom: 0;
  }
  body.archive-invert .title-block-content-row.second-row,
  .title-block-content-row.second-row {
    margin-bottom: 3em;
  }
  .mobile-title-block-second-row {
    display: none;
  }
  p.program-title-link-label,
  a.parent-program-title-link {
    max-width: 100%;
  }
  .title-block-date-wrap p {
    margin-bottom: 0;
    padding: 0 3em;
    font-size: 1.125em;
  }
  .title-block-date-wrap.flex-1-2 p {
    padding: 0;
  }
  .title-block-link-wrap > a {
    font-size: 1.2625em;
    line-height: .5;
  }
  .info-block-content-wrap {
    /*margin-bottom: 3em;*/
  }
  .info-block-content-section-wrap:last-child {
    /*margin-bottom: 3.25em;*/
    margin-bottom: 6.65625rem;
  }
  .info-block-content-column {
    padding-left: 0;
    font-size: 1em;
  }
  .info-block-content-column.first-column {
    padding-right: 3.875vw;
  }
  .info-block-content-column.second-column {
    padding-left: 0;
  }

/* PARENT PROGRAMS */
  .parent-program-title-block .title-block-content-wrap {
    margin-bottom: 3.5em;
    padding: 0;
  }
  .parent-program-title-block h1 {
    max-width: 100%;
    font-size: 2.54375em;  
  }

/* RELATED PROGRAMS - MOBILE GRID/LIST LIST STYLE */
  .related-program-content-wrap .related-program-heading {
    margin-bottom: 0;
  }
  .related-program-content-wrap .related-program-heading + hr:first-of-type {
    position: relative;
    left: -4vw;
    width: 100vw;
    margin: 1em 0 2em;    
  }
  .grid-list-wrap.list-style .grid-list-item {
    margin-bottom: 4em;
  }
  .related-program-content-wrap a.grid-list-item-link.mobile-show  {
    display: block;
  }
  .related-program-content-wrap .mobile-hide,
  .related-program-content-wrap hr:not(.related-program-heading-rule) {
    display: none;
  }
  .grid-list-wrap.list-style .grid-list-item-flex:nth-child(3) {
    display: none;  
  }
  .grid-list-wrap.list-style .grid-list-item-flex:nth-child(2) .grid-list-item-date-wrap {
    height: auto;
  }
  .grid-list-wrap.list-style .grid-list-item-flex:nth-child(1) {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }  
  .grid-list-wrap.list-style .grid-list-item-flex:nth-child(2) {
    -webkit-box-flex: 2.5;
        -ms-flex-positive: 2.5;
            flex-grow: 2.5;
    padding-left: 4vw;
    text-align: left;
  }  
  .grid-list-wrap.list-style .grid-list-item-image-wrap.ratio-675 {
    padding-bottom: 100%;
  }  
  .grid-list-wrap.list-style .grid-list-item-date-wrap {
    text-align: left;
  }
  .related-program-content-wrap .grid-list-wrap.list-style {
    font-size: .9375em;
  }
  .grid-list-wrap.list-style .grid-list-item-flex:nth-child(2) .grid-list-item-date-wrap {
    position: relative;
    top: -.3125em;
    margin-bottom: 4.25vw;
  }
  .related-program-content-wrap h3 {
    margin: 0;
    line-height: 1.075;
  }  

/* ARCHIVE */
  .post-type-archive-programs .page-title-wrap,
  .archive.tax-season .page-title-wrap {
      margin-bottom: 2em;
  }
  .archive-page-sub-title,
  .archive-grid-wrap hr {
    display: none;
  }
  .archive-grid-item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 4em;
  }  

/* ARCHIVE NEWS */
  .news-archive-grid-item {
    margin-right: 0;
    margin-bottom: 4em;
  }
  .news-archive-grid-item:last-child {
    margin-bottom: .5em;
  }
  .flex-1-1 .news-archive-grid-item-text-wrap p {
    font-size: 1em;
  }

/* SINGLE NEWS */
  h1.post-title {
    /*margin-bottom: .75em;*/
    font-size: 2.125em;
    line-height: 1;
  }
  
  h1.post-title + p.post-subtitle {
    margin-bottom: 1.125em;
  }
  
  .single-news h1.post-title {
    margin-bottom: .625em;
  }
  .single-news .post-date {
    margin-bottom: .75em;
    font-size: 1em;
  }

/* PAGE CONTENT */
    blockquote.tagline,
    blockquote.mission {
      margin: 0 0 3em;
      padding: 0 1.625vw;
      font-size: 1.3125em;
    }  
    .page hr.post-section-divider {
      margin: 4.4375rem 0 calc(4.4375rem - 1px);
    }
    .page .flex-sidebar p {
      padding-right: 0;
    }

/* PAGE NAVIGATION MENU */
    nav.section-links {
      left: -4vw;
      width: 100vw;
      padding: 0 4.25vw;
    }

/* GRID-LIST - PROGRAM STYLE */
  .grid-list-wrap.program-style .grid-list-item .grid-list-item-flex .flex-1-3:nth-child(1),
  .grid-list-wrap.program-style .grid-list-item .grid-list-item-flex .flex-1-3:nth-child(3) {
    width: 50%;
    padding-top: 0;
  }
  .grid-list-wrap.program-style .grid-list-item .grid-list-item-flex .flex-1-3:nth-child(2) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 100%;
  }
  .grid-list-wrap.program-style .grid-list-item-date {
    font-size: .9125em;
  }
  .grid-list-wrap.program-style .grid-list-item .ticket-link {
    font-size: .975em;
  }

  /* TEMP DEV ADJUSTMENTS */

  .results-null-page-placeholder {
    margin-left: 0;
  }


}



/* BELOW 480PX WIDTH **********************************************************/
@media handheld, only screen and (max-width: 479px) {

/* GENERAL */
  blockquote {
    width: 85%;
  }

/* PHOTOSWIPE */
  .pswp__caption__center {
    max-width: 95%;
    font-size: .75em;
  }  

}



/* BELOW 600PX HEIGHT *********************************************************/
@media handheld, only screen and (max-height: 599px) {

/* MENU OVERLAY */
  #menu-overlay nav {
    margin-top: 1.875em;
    margin-bottom: 1em;
  }
  #menu-overlay ul:not(.sub-menu) li {
    margin-bottom: .875em;
  }
  #menu-overlay ul.menu-overlay-second-row {
    margin-bottom: 0;
  }

}