/* ABOVE 1900PX WIDTH **********************************************************/
@media handheld, only screen and (max-width: 1900px) {

/* GENERAL */
  body {
    /* font-size: 17px; */
    font-size: 21px;
  }
  .left-wrap.content-wrap {
    max-width: 860px
  }

}



/* ABOVE 1750PX WIDTH **********************************************************/
@media handheld, only screen and (max-width: 1750px) {

/* GENERAL */
  body {
    /*font-size: 17px;*/
    font-size: 20px;
  }
  .left-wrap.content-wrap {
    max-width: 840px
  }

/* HOME */

  .home .special-feature-image-block {
    /* min-height: 500px; */
  }
  .special-feature-text-block p:not(.home-block-title),
  .special-feature-text-block p:not(:last-of-type) {
    /* padding-right: calc(.075 * 66.67vw);   */
  }

}



/* ABOVE 1600PX WIDTH **********************************************************/
@media handheld, only screen and (max-width: 1600px) {

/* GENERAL */
  body {
    /* font-size: 16px; */
    font-size: 19px;
  }
  .left-wrap.content-wrap {
    max-width: 820px
  }

}



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

  main figure img.size-large {
    width: calc(110% + 2.25em);
    max-width: calc(110% + 2.25em);
    left: -10%;  
  }
  img.size-large + figcaption.wp-caption-text {
    left: -10%;
  }

}


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

  main figure img.size-large {
    width: calc(105% + 2.25em);
    max-width: calc(105% + 2.25em);
    left: -5%;  
  }
  img.size-large + figcaption.wp-caption-text {
    left: -5%;
  }

}


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

  main figure img.size-large {
    width: calc(100% + 2.25em);
    max-width: calc(100% + 2.25em);
    left: 0;  
  }
  img.size-large + figcaption.wp-caption-text {
    left: 0;
  }

}


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

  .home .special-feature-image-block {
    /*min-height: 450px;*/
  }

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

}


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

/* GENERAL */
  section.full-width-wrap.pad,
  section.full-width-wrap:not(.full-width-panel),
  section.full-width-wrap:not(.full-width-panel):not(.featured-image-panel-wrap),
  .archive section.full-width-wrap,
  .error404 section.full-width-wrap {
    padding-left: 4%;
    padding-right: 4%;
  }
  .left-wrap.content-wrap {
    float: none;
  }
  .sidebar-wrap {
    /* padding-left: 3.25em; */
  }

/* HEADER */
  .menu-close img {
    width: 75%;
  }

}


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

/* GENERAL */
  body {
    /* font-size: 14px; */
    font-size: 16px;
  }
  .flex-block {
    /* padding: 1.25em 3.5% 2em; */
  }

/* HOME PAGE */
  .home .flex-panel-wrap {
    /* overflow: hidden; */
  }
  .home .flex-block {
    /* float: left; */
    /* width: 50%; */
  }
  .flex-block.feature-post-list-block {
    /* width: 100%; */
  }
  .flex-block.feature-image-block,
  .flex-block.feature-text-block,
  .flex-block.special-feature-image-block,
  .flex-block.special-feature-text-block {
    /* width: 50%; */
  }
  .mobile-alt-flex-order .feature-post-list-block {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;  
  }
  .flex-block.feature-post-list-block .desktop-hide {
    display: block;
  }
  .flex-block.special-feature-image-block {
    min-height: auto;
  }

}


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


/* GENERAL */
  body {
    /* font-size: 13px; */
    font-size: 15px;
  }
  .home header .content-wrap
  .body.fade-to-home header .content-wrap {
    /* margin-top: 2em; */
  }
  header .content-wrap {
    padding-top: 2em;
    padding-bottom: 1.5em;
  }
  header .content-wrap,
  section .content-wrap {
    /* padding: 0 6%; */
    padding-right: 6%;
    padding-left: 6%;
  }
  section.full-width-wrap.pad,
  section.full-width-wrap:not(.full-width-panel):not(.featured-image-panel-wrap),
  .archive section.full-width-wrap,
  .error404 section.full-width-wrap {
    padding-left: 6%;
    padding-right: 6%;
  }
  header .menu-wrap {
    /* top: 2em; */
  }
  .menu-toggle-wrap {
    right: 6%;
    /* left: auto; */
    /* width: auto; */
  }
  .mobile-sidebar-links-wrap.desktop-hide {
    display: block;
  }
  .mobile-hide,
  .sidebar-wrap.mobile-hide {
    display: none;
  }
  
  .sidebar-wrap {
    padding-left: 0;
  }
  
  h1.page-title {
    padding-right: 0;
  }
  hr, .hr {
    /* -webkit-transform: rotate(-4deg); */
    /* transform: rotate(-4deg);   */
  }

/* GRID */
  .grid {
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  [class*='col-'],
  .grid [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;
  }
  footer .content-wrap {
    padding-right: 7%;
    padding-left: 7%;
  }
  .right-column-wrap,
  section.content-wrap .right-column-wrap,
  footer .content-wrap .right-column-wrap {
    padding-left: 0;
  }
  footer .left-column-wrap {
    float: none;
  }
  footer .right-column-wrap .col-7-12 {
    margin: 3em 0 0;
  }

/* MOBILE MENU */
  .mobile-menu-wrap {
    /* width: calc(50% + 18px); */
    width: 100%;
  }

/* HEADER */
  header .left-column-wrap {
    width: auto;
  }
  header nav {}
  .menu-toggle-wrap.desktop-hide {
    display: block;
  }
  .menu-wrap.mobile-hide {
    display: none;
  }

  /** FEATURED CONTENT PANELS **/

  /* FLEX BASIS RESET */
  .flex-40, .flex-60, .flex-33 {
    flex-basis: 100%;
  } 
  .mobile-alt-flex-order .feature-image-block {
    order: 1;  
  }         
  .mobile-alt-flex-order .feature-text-block {
    order: 2;  
  }
  .feature-panel-wrap .feature-image-block {
    height: 62vw;
  }
  .feature-panel-wrap .feature-text-block {
    padding-top: 4em;
    padding-left: 6%;
  }
  .feature-panel-wrap .feature-text-block p,
  .feature-text-block .cta-link {
    font-size: 1em;
  }
  .home-text-panel .flex-block.feature-text-block {
    padding-top: 0;
    padding-right: 4%;
    padding-bottom: 3em;
    padding-left: 6%;
  }
  .home-text-panel .flex-block.feature-image-block div {
    text-align: center;  
  }
  .home-text-panel .flex-block.feature-image-block img {
    float: none;
    position: relative;
    left: -0.875em;
  }



  /* PAGE CONTENT */
  hr, .hr {
    margin: 4.5em 0;
  }
  .left-wrap.content-wrap {
    float: none;
    padding: 0;
  }
  .featured-grant-panel-wrap {
    /*padding-bottom: 50%;*/
	  padding-bottom: 72.5%;
  }
  blockquote:not(.home-intro) p {
    width: auto;
    left: 0;
  }

/* FEATURED IMAGE PANEL */
  .featured-image-panel-wrap {
    /*margin-bottom: 3.25em;*/
  }  
  .featured-image-panel-wrap .col-2-3 {
    padding-left: 0;
  }
  .featured-image-panel-wrap .col-1-3 {
    /*margin-bottom: 1.25em;*/
    margin-bottom: 2.25em;
    padding-left: 6%;
    font-size: 1.15625em;
  }
  /* TESTING FILE CACHE */
  .col-1-3 .featured-image-panel-caption {
    max-width: 40em;
    margin-bottom: .777777em;
  }

/* IMAGE SIZE LARGE */
  main figure img.size-large {
    width: calc(100% + 14%);
    max-width: calc(100% + 14%);
    left: -7%;  
    margin-top: 0.47101449em; 
  }
  img.size-large + figcaption.wp-caption-text {
    left: 0;
  }
  
/* EVENT ARCHIVES */
  .event-loop .event-list-date-wrap {
    width: 24%;
  }
  .event-loop .event-list-day,
  .event-loop .event-list-month {
    font-size: .875em;
  }
  .event-loop .event-list-desc-wrap {
    /* padding: 0 1em 0 1em; */
    padding: 0 2.5em 0 1em;
  }
  .event .sidebar-wrap {
    max-width: 100%;
    padding-left: 0;
  }
  ul.ongoing-event-list {
    font-size: 1.5em;
  }

/* FOOTER */
  footer nav {
    /*margin: 2.5em 0 0;*/
  }
  footer .copyright-wrap {
    padding: 0 7%;
  }
}


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

/* GENERAL */
  body {
    /* font-size: 12px; */
	/* font-size: 14px; */
  }
  [canvas=container] {
    background-size: 25%;  
  }
  .left-wrap.content-wrap ul,
  .left-wrap.content-wrap p {
    font-size: 1em;
  }

/* HEADER */
  .menu-close img {
    width: 60%;
  }
  .header-rule,
  body.fade-to-page .header-rule {
    top: -1em;
    margin-bottom: -1em;
  }

/* HOME PAGE */
  .home .flex-panel-wrap {}
  .home .flex-block {
    /* float: none; */
    width: 100%;
  }
  .flex-block.feature-image-block,
  .flex-block.feature-text-block,
  .flex-block.special-feature-image-block,
  .flex-block.special-feature-text-block {
    width: 100%;
  }
  .home .flex-block,
  .flex-block.feature-image-block,
  .flex-block.feature-text-block,
  .flex-block.feature-post-list-block,
  .flex-block.special-feature-image-block,
  .flex-block.special-feature-text-block {
    min-height: 0;
    /*padding: 7.5% 6% 10%;*/
    /* padding: 6.5% 6% 8.5%; */
    /* padding: 4em 6% 8.5%; */
    padding: 5em 10% 8.5% 6%;
  }
  .flex-block.feature-image-block {
    /* height: 0; */
    /* padding-bottom: 62.5%; */
  }
  .home-text-block {
    /* padding-top: 10%; */
    /* padding-bottom: 7.5%; */
    /* padding-bottom: 5%; */
  }

  .special-feature-text-block p:not(.home-block-title),
  .special-feature-text-block p:not(:last-of-type) {
    max-width: initial;
  }


/* PAGE CONTENT STYLES */
  hr, .hr {
    margin: 5em 0;
  }
  blockquote {
    /*font-size: 2.125em;*/
    font-size: 2em;
  }
  .featured-grant-panel-wrap {
    padding-bottom: 92%;
  }

}


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

/* HEADER */
  .home .header-logo,
  body.fade-to-home .header-logo {
    /* width: 40%; */
    /* min-width: 120px; */
    /* height: auto; */
  }

/* FEATURED CONTENT PANELS */

  .feature-panel-wrap .feature-image-block {
    height: 100vw;
  }


/* EVENT ARCHIVES */
  .event .event-loop,
  .page .event-loop {
    position: relative;
    left: -6vw;
    width: 100vw;
  }

/* PAGE CONTENT */
  .announce-link-panel .flex-1-2 {
    width: 100%;
  }
  hr, .hr {
    /* -webkit-transform: rotate(-5deg); */
    /* transform: rotate(-5deg);   */
  }

}


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

/* MOBILE MENU */
  .mobile-menu-wrap {
    width: 100%;
  }

/* HEADER */
  .menu-toggle img {
    width: 75%;
  }

/* PAGE CONTENT */
  
  h1, .h1 {
    font-size: 2.09782609em; 
  }
  h2, .h2 {
    font-size: 1.66304348em;  
  }
  hr, .hr {
    /*margin: 5.5em 0;*/
  }
  .flex-block.feature-image-block {
    /* padding-bottom: 92.505%; */
  }
  .featured-grant-panel-wrap {
    /*padding-bottom: 100%;*/
	  padding-bottom: 112%;
  }
  .browse-list-wrap {
    font-size: .8125em;
  }
  hr, .hr {
    /* -webkit-transform: rotate(-6deg); */
    /* transform: rotate(-6deg);   */
  }

}


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

/* GENERAL */
  [canvas=container] {
    background-size: 30%;  
  }
  hr, .hr {
    /* -webkit-transform: rotate(-8deg); */
    /* transform: rotate(-8deg);   */
  }

/* HEADER */
  .header-rule {
    /* width: 112.5%; */
  }

}


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

/* GENERAL */
  hr, .hr {
    /* -webkit-transform: rotate(-9deg); */
    /* transform: rotate(-9deg);   */
  }

}