/*
Assuming that the browser font is 16 pixels, then
3rem      => 48px
2.5rem    => 40px
2.1875rem => 35px
1.9375rem => 31px
1.5625rem => 25px
1.25rem   => 20px
1rem      => 16px
*/


/* medium sized and up screens */
/*@media print, screen and (min-width: 40em)
{
*/

.newsitem
{

border-style: solid;
border-width: 1px;
border-color: lightgrey;
border-radius: 12px;

margin-top: 0.5rem;
margin-left: 1rem;
margin-right: 1rem;

padding:0.5rem 0.5rem 0.5rem 0.5rem;
}



.newsimageWrap
{

display:inline;
}


.newsimg
{
/*
  position:absolute;
*/


  border-radius: 15px;
  width: 112px;
  height: 112px;
/*
  border: 1px solid lightgrey;
  background: #f8f8f8;
*/
}


  .newstext
  {
   margin-top:0.5rem;
  }






.newsitem .link
{
margin-bottom:0.75rem;
padding-right:0.5rem;
}

.newsitem .description
{
  font-size: 0.875rem;
  padding-right:0.25rem;
  margin-bottom:0.25rem;
}


.sourcetext
{
display:block;
 margin-left:132px;
}

.newsitem .sourcetitle
{
  font-size: 0.875rem;

}

.newsitem .elapsed
{
  font-size: 0.875rem;
  margin-left: auto;
  margin-right: 4rem;
}



/* medium sized and up screens */
@media print, screen and (min-width: 40em)
{


  .newsitem
  {
  margin-top: 1rem;
  margin-left: 4rem;
  margin-right: 4rem;
  padding:0.5rem 2rem 0.5rem 0.5rem;
  }

.newsitem .sourcetitle
{
  font-size: 1rem;

}


  .newstext
  {
   margin-top:0;
  }



  .newsimageWrap
  {
  position: relative;
  display:block;
  height:100%;
  }

  .newsimg
  {
    position:absolute;
  }


  .newstext
  {
  display:block;
   margin-left:132px;
  }


.newsitem .description
{
  font-size: 1rem;
  padding-right:1rem;

  margin-bottom:1rem;
}



}