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

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

}


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

/* GENERAL */
  body {
    /*font-size: 17px;*/
  }
  .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 1900PX WIDTH **********************************************************/
@media handheld, only screen and (min-width: 1900px) {

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

}


/* 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;
  }

}


/* 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;
  }
  .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;
  }
  .home header .content-wrap
  .body.fade-to-home header .content-wrap {
    margin-top: 2em;
  }
  header .content-wrap,
  section .content-wrap {
    padding: 0 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;
  }
  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);
  }

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

/* PAGE CONTENT */
  hr, .hr {
    margin: 4.5em 0;
  }
  .left-wrap.content-wrap {
    float: none;
    padding: 0;
  }
  .resources-page-content-nav {
    width: 114%;
    margin-left: -7%;
    padding: 1.125em 7.25%;
  }
  .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;
  }
  .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;*/
  }

}


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

/* GENERAL */
  body {
    font-size: 12px;
  }
  [canvas=container] {
    background-size: 25%;  
  }

/* 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%;
  }
  .flex-block.feature-image-block {
    height: 0;
    padding-bottom: 62.5%;
  }
  .home-text-block {
    /*padding-top: 10%;*/
    padding-bottom: 5%;
  }
  .mobile-alt-flex-order .feature-image-block {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;  
  }         
  .mobile-alt-flex-order .feature-text-block {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;  
  }
  .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;
  }

/* EVENT ARCHIVES */
  .event .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-sp-panel-wrap .flex-block.feature-image-block {
    padding-bottom: 75%;
  }
  .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 {
    xwidth: 112.5%;
  }

}


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

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

}