@charset "UTF-8";

/* from https://www.thestylistgroup.com */

div.stylist
{
   margin-top: 6em;
   margin-bottom: 8em;
   margin-right: auto;
   margin-left: auto;
   width: 1024px;
   max-width: 90%;
   vertical-align: top;
}

div.stylist img.titleSquare
{
  width: 360px;
  max-width: 72%;
  display: inline-block;
  vertical-align: top;
  margin-left: 18px;
}

div.stylist div.storyList
{
  width: 900px;
  max-width: 100%;
  display: inline-block;
  vertical-align: top;
  margin-top: -112px;
}


div.stylist div.storyList a.storyLink
{
   color: #333333;
   display: block;
   font-family: din-2014;
   padding-bottom: 0.9em;
   font-size: 16px;
   font-weight: 400;
   border-bottom: 1.5px solid #333333;
   padding-top: 0.9em;

}

div.stylist div.storyList a.storyLink span.bar
{
    max-height: 2.15em;   
    display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}


div.stylist div.storyList a.storyLink:hover
{
   color: #666666;
}

div.stylist div.storyList a.directional
{
   display: block;
   margin-top: 2em;
}


div.stylist div.storyList div#moveMe
{
   width: calc(100% - 24px);
   margin-left: 24px;
}



@media (min-width: 767px) {


	div.stylist
	{
	   margin-top: 6em;
	}

  
	div.stylist div.storyList
	{
	  width: calc(100% - 360px);
	  margin-left: -72px;
      margin-top: calc(90px - 1.25em);
	}
	
	
	
	div.stylist div.storyList a.storyLink
	{
	   padding-bottom: 1.25em;
	   padding-top: 1.25em;
	}
	
	
	
	div.stylist div.storyList a.directional
	{
	   margin-top: 3em;
	}

}