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

/* GENERAL */
	
  html {
    font-size: 20px;
    line-height: 32px;
  }
  .page.grid-link-block a.calendar-icon-wrap svg,
  .single-events .grid-link-block a.calendar-icon-wrap svg {
    max-width: 54px
  }
  .page.grid-link-block h3,
  .single-events .grid-link-block h3 {
    font-size: 1.28125em;
  }
  .page.grid-link-block a.grid-link-text,
  .single-events .grid-link-block a.grid-link-text {
    top: .875em;
    left: calc(54px + 1.625em);
  }


/* HEADER */

  header {
    margin-top: 3em;
  }

}




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

/* GENERAL */
	
  html {
    font-size: 18px;
    line-height: 29px;
  }
  .grid {
		width: 100%;
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}
	[class*='col-'],
  footer .right-column-wrap [class*='col-'] {
		width: auto;
		float: none;
		margin-left: 0;
		margin-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		padding-left: 0;
		padding-right: 0;
	}
  main a {
    border-bottom: 1px solid;
  }
  .page.grid-link-block a.calendar-icon-wrap svg,
  .single-events .grid-link-block a.calendar-icon-wrap svg {
    margin: 1.1875em 1.1875em .625em;
  }
  .page.grid-link-block h3,
  .single-events .grid-link-block h3 {
    font-size: 1.425em;
  }
  .page.grid-link-block a.grid-link-text,
  .single-events .grid-link-block a.grid-link-text {
    top: .9375em;
    left: calc(54px + 1.5em);
  }

/* UPCOMING */

  .grid-link-block a {
    xfont-size: .75em;
  }
  a.calendar-icon-wrap svg {
    max-width: 54px;
  }

/* ARCHIVE */

  .archive-grid-wrap [class*='flex-'] {
    width: 25%;
  }


}



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

/* GENERAL */

  .mobile-hide {
    display: none;
  }
  .mobile-show:not(.panel-title),
  .flex-sidebar .grid-link-block.mobile-show {
    display: block;  
  }
  .mobile-show.inline {
    display: inline;
  }
  .page-title,
  .panel-title {
    font-size: 1.625em;
  }
  .full-width-wrap .content-wrap {
    padding: 0 6%;
  }
  #mc_embed_signup {
    padding: 0 2%;
  }
  .page-wrap {
    margin-bottom: 2em;
  }
  .flex-sidebar .grid-link-block.mobile-show {
    margin-top: 2.5em;
  }
  .page.grid-link-block,
  .single-events .grid-link-block {
    width: 100%;
  }
  .single .single-event-wrap .single-event-feature-img,
  .single .single-event-wrap .responsive-video-wrapper,
  .single .single-event-wrap .single-event-feature-video,
  .flex-featured-image-panel .featured-image-panel {
    position: relative;
    left: -4vw;
    width: calc(100% + 8vw);
  }
  .flex-featured-image-panel .featured-image-panel {
    padding-bottom: 80%;
  }
  .single-event-feature-img figcaption {
    margin-top: 0;
    margin-bottom: 1.5em;
    padding-left: 4%;
  }

  blockquote.mission {
    font-size: 1.125em;
    margin-bottom: -.3125em;
  }
  blockquote.tagline {
    font-size: 1.25em;
    margin-bottom: -.375em;
  }
  .page .flex-content,
  .page .flex-sidebar,
  .single-news .flex-content,
  .single-news .flex-sidebar {
    width: 100%;
  }
  .page .flex-content,
  .single-news .flex-content {
    margin-right: 0;
  }
  main figure:last-child {
    margin-bottom: 1em;
  }

  

/* HEADER */

  header {
    margin-top: 2em;
    margin-bottom: .5em;
  }
  x.header-logo img,
  .header-logo {
    width: 68.5%;
    max-width: 300px;
    height: auto;
  }

/* FOOTER */
  
  footer .content-wrap {
    padding-top: 11vw;
    padding-left: 9%;
    padding-right: 9%;
  }
  
  footer .flex-1-2,
  footer .flex-1-4,
  footer .flex-1-4:nth-child(3n) {
    width: 100%;
    padding: 0;
  }
  footer .flex-1-4:not(:nth-child(3n)) {
    margin-bottom: 2.5em;
  }


/* SINGLE EVENT - UPCOMING PAGE */
 
  .single .single-event-wrap {
    margin-top: .3125em;
    margin-bottom: 2em;
  }
  .page .single-event-wrap {
    margin-bottom: 2.5em;
    xmargin-bottom: 1.75em;
  }
  .single .single-event-wrap [class*='flex-'],
  .single .single-event-wrap [class*='flex-']:first-child,
  .page .single-event-wrap [class*='flex-'],
  .page .single-event-wrap [class*='flex-']:first-child {
      width: 100%;
      margin: 0;
    }
  .page .single-event-wrap [class*='flex-']:first-child {
  	width: 100%;
    margin-bottom: 1em;
  	padding-right: 0;
  }
  .single-event-wrap .event-content-wrap {
    padding-right: 0;
  }

/* UPCOMING PANEL */

  .upcoming-events-grid [class*='flex-'] {
    width: 50%;
    margin-bottom: 2.5em;
    padding-right: 2vw;
  }
  .upcoming-events-grid .flex-1-2,
  .grid-link-block-wrap.flex-1-2,
  .grid-link-block-wrap.flex-1-3 {
    width: 100%;
    xmargin-bottom: 2em;
    xmargin-bottom: 1.5em;
  }
  .upcoming-events-grid .grid-link-block {
    height: auto;
    padding-bottom: 0;
  }
  .grid-link-block a.calendar-icon-wrap svg {
    margin: 1em;
    margin-bottom: .375em;
  }
  .grid-link-block a.grid-link-text {
    top: .9375em;
    left: calc(54px + 1.5em);
    max-width: 200px;
  }

/* TEMP REVISIONS - SINGLE EVENT */

.upcoming-events-grid .flex-1-2:first-child,
.upcoming-events-grid .flex-1-2:last-child {
  width: 100.00%;
}
.upcoming-events-grid .flex-1-2:first-child .upcoming-event-img {
  padding-bottom: 100%; 
}    

.upcoming-events-grid .flex-1-2:last-child .grid-link-block {
  padding-bottom: 0;
} 




/* FEATURED PANEL */

  .featured-content-grid {
    width: calc(100% + 2vw);
    margin-bottom: 1.5em;
  }
  .featured-content-grid [class*='flex-'] {
    width: 100%;
    margin-bottom: 2em;
    padding-right: 2vw;
  }

/* ARCHIVE/DONATE/SHOP */
  .archive-donate-shop-panel-wrap {
    width: 100%;
    padding-top: 1em;
  }
  .archive-donate-shop-panel-wrap [class*='flex-'] {
    width: 100%;
    margin-bottom: 2em;
    padding: 0;
  }
  .archive-block h2,
  .donate-block h2,
  .archive-block p,
  .donate-block p {
    margin-left: calc(7% - 4vw);
    padding-right: calc(7% - 4vw);
  }

/* ARCHIVE */

  .archive-grid-wrap [class*='flex-'] {
    width: 33.3%;
  }



}



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

/* GENERAL */
  .overlay nav {
    height: 65%;
  }
  .overlay nav.overlay-menu {
    font-size: 1.25em;
  }
  .button_container {
    height: 24px;
    width: 28px;
  }
  .button_container span:nth-of-type(2) {
    top: 10px;
  }
  .button_container span:nth-of-type(3) {
    top: 20px;
  }
  .button_container.active .top {
      -webkit-transform: translateY(10px) translateX(0) rotate(45deg);
      transform: translateY(10px) translateX(0) rotate(45deg);
  }
  .button_container.active .bottom {
      -webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
      transform: translateY(-10px) translateX(0) rotate(-45deg);
  }

/* UPCOMING */

  .upcoming-events-grid [class*='flex-'] {
    width: 100%;
    xmargin-bottom: 2em;
  }
  .grid-link-block-wrap.flex-1-3  {
    margin-top: .25em;
    margin-bottom: 3.5em;
  } 

/* ARCHIVE */

  .archive-grid-wrap [class*='flex-'] {
    width: 50%;
  }


}