﻿.full_width_click
{
    display: block;
}

.news-item-title
{
    /*this duplicates what is seen in h2 for the site overall */
    font-size: 19px;
}
.news-item-contents
{
    /* this duplicates what is seen for h3 for the site overall */
    font-size: 15px;
}
.news-item-comment
{
    /* this is 14px in stream-video-comment-news it winds up using the site font robotoregular instead of roboto...condensed             not sure if this is intentional*/
    font-size: 14px;
}

/*** hide the upper panel for news pages 667 width or height (iphone6 and everything else) */

@media screen and (max-width:667px)
{
    
    news-pan-upper {display:none;}
    
}

/**** all video iframes are going with a 16:9 ratio for iframes 
      This seems to give less black space which is not something under our
      control, since this comes from the content at vimeo *automatically sized to fit the container
*****/
@media screen and (min-width:320px) and (max-width:500px) and (orientation:portrait)
{
    .news-item-img
    {
        width: 80%;
    }


}
/* smart phone landscape modes */

@media screen and (min-width:600px) and (max-width:767px) and (orientation:landscape)
{
    .news-item-img
    {
        /* width: 200px; */
        width: 33%;
      
    }
   
    
    

}

@media screen and (min-width:768px) and (orientation:landscape)
{
    .news-item-img
    {
        width: 50%;
    }
    

   
}
@media screen and (min-width:600px) and (orientation:portrait)
{
    .news-item-img
    {
        width: 66%;
    }
   

}