/* custom responsivness and temporary hack until more complete responsive retrofit */
/* Tablet in portrait orientation */
@media only screen 
  @media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
/*  and (-webkit-min-device-pixel-ratio: 2)*/
  {
      section[role="main"] {
        width:auto;
      }
      div.post {
          width:auto;
      }
      div.project, div.landing-project {
        position: relative;
        float: left;
        width: 49.66%;
        height: 200px;
        margin: 15px 10px 15px 0;
        overflow: hidden;
        }
      div.project:nth-chile(even), div.landing-project:nth-child(even){
        margin-right: 0px;
}
    
  }

/* Handleld Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px)  
  and (max-device-width: 736px) 
/*  and (-webkit-min-device-pixel-ratio: 2)  */
  {
  section[role="main"] {
    width:auto;
  }
  div.post {
    width:auto;
  }
  div.landing-project {
    width:100%;
    height:auto;
    margin:15px 0 15px;
  }
  div.landing-project > a > .landing-image > img {
    width:100%;
    height:auto;
    margin:0;
  }
  .landing-project > .caption {
    width:100%;
/*    padding:0 2%;*/
  }
      aside#sidebar[role="complementary"] {
  float: right;
  width: 100%;
  margin-right: 0px;
  padding: 15px;
  line-height: 130%;
}
  section.project-content, section.standard-content {
    width:100%;
  }
  div.events-book {
    width:100%;
  }
  div.post-content {
    float: left;
    width: 100%;
    height: auto;
    padding: 20px;
    line-height: 120%;
  }
  div.post > img {
    float: left;
    width: 100%;
  }
  .entry-content img {
    width:100%;
    height:auto;
  }
  section.posts[role="blog"] {
    width:100%;   
  }
  aside#sidebar {
    float: right;
    width: 100%;
    margin-right: 0px; 
    /* padding: 15px; */
    line-height: 130%;
  }
  h1, h2, h3, h4, h5, h6{
    padding: 0 2%;
  }
  p {
    padding: 0 2% 8px;
  }
      
  nav#nav-below.navigation {
  width:100%;
  }
      
  
  div.artist {
    float: left;
    width: 475px;
    width: 100%;
    height: 160px;
    height: auto;
    padding-bottom: 20px;
    margin-right: 15px;
    margin-top: 20px;
    margin-bottom: 0;
  }
  div.artist-image {
    width: 120px;
    height: 160px;
    padding: 10px;
    overflow: hidden;
  }
  div.artist-name {
    width: 90px;
    height: 160px;
    padding: 10px;
  }
  div.artist-description {
    width: 225px;
    width: 100%;
    /* height: 100px; */
    padding: 10px 10px 20px;
    line-height: 120%;
  }
       
  section#staff-content {
    float: left;
    /* width: 600px; */
    width:100%;
  }  
  aside.sidebar-profile-staff {
    float: right;
    width: 350px;
    width: 100%;
    margin-top: 60px;
    margin-right: 0px;
    background-color: rgb(225, 225, 225);
    line-height: 130%;
  }
      
  aside.sidebar-profile-staff img {
    float: center;
    width:100%;
    padding-top: 15px;
  }
  section#supporters, 
  div.supporters-row, 
  div.supporters-column {
     width:100%; 
  }
  section.press-content {
    float: left;
    width: 100%;
    line-height: 130%;
  }
  aside#scroll-on-page-top{
    padding: 0 2%;
  }
  section.social-content {
          
  }   
  .instagram-photos,  .latest-tweets {
    width: 100%;
  }
  /* header and Navigation styles for mobile */
  header.navigation nav {
    padding-left:1em; padding-left:1rem;
    
  }
  header.navigation ul li.more.nav-link {
    font-size:150%;
  }
  header.navigation ul li.nav-link {
    font-size:150%;   
  }
  header.navigation ul.submenu li {
    line-height:60px;   
  }
  /* MIscelaneous sytles */
  .horizontal-bar, .call-out {
    width: 100%;
  }
  section.horizontal-bar, .call-out {
    padding:20px 0;   
  }
  .horizontal-bar-wrapper {
    max-width:100%;
  }
  .hide-small {
      display: none;
  }
}