@media only screen and (min-width:960px)  { /*  .studio_only { min-height: 27px; scroll: no; line-height: 2; } */ } 
@media only screen and (min-width:960px)  { .studio_only { scroll: no; line-height: 2; } }


@media only screen and (min-width:760px)  { .studio_only {  scroll: no; line-height: 2;} }

@media only screen and (min-width:500px)  { .studio_only  { scroll: no; line-height: 1;} }

@media only screen and (min-width:300px)  { .studio_only {  scroll: no;  overflow:hidden;  line-height: 1;} }

@media only screen and (max-width:640px) and (min-width: 480px)  {
 .studio_only { padding: 0px; padding-top: 16%; min-height: auto;  }
.studio_only h4.sub_head { margin: 0; }
}



@media only screen and (max-width:480px) and (min-width: 360px)  {
.studio_only { padding: 0px; padding-top: 7%; min-height: auto; }
}

@media only screen and (max-width:480px) and (min-width: 400px)  {
.studio_only { padding: 0px; padding-top: 12%; }
} 


/* nev edit start */
.recent-post-img  img {
	width: auto !important;
	height: auto !important;
    	position: absolute !important;
    	max-width: 100% !important;
    	max-height: 100% !important;
    	left: 0% !important;
    	min-width: 175px !important;
    	min-height: 175px !important;
    	object-fit: cover;
}
/* nev edit end */



/* nev edit */

/* PORTFOLIO INNER POSTS */

@font-face {
	font-family: 'din-bold';
	src: url('din-bold.eot');
	src: local('din-bold'), url('din-bold.woff') format('woff'), url('din-bold.ttf') format('truetype');
}
/* use this class to attach this font to any element i.e. Text with this font applied */
.din-bold {
	font-family: 'din-bold' !important;
}


.grayboxN { display:block; width:960px; 	width:80%; background-color: #e7e7e7; padding-top:2em;
}

.titleN { font-family: Din-Bold, sans-serif; display:block; padding-left:1.8em; padding-left:7vmin; text-align:left; margin-top:2em; margin-top:8vmin; letter-spacing:0px; text-transform:none; color:black; font-style:bold; font-weight:900; font-size:2.25em; font-size:3.6vmin; font-size:4vh; padding-bottom:0; margin-bottom:0; font-weight:bolder; padding-right:6.5vmin; line-height: 1.3;

}

/* .subtitleN { display:block; padding-left:2.5em; padding-left:7vmin; text-align:left; margin-top:-0.6em; margin-top:-0.1vmin; letter-spacing:0px; text-transform:none; color:gray; font-weight:normal; font-size:1.7em; font-size:2.8vmin; } */

.subtitleN { font-family: Din-Regular, sans-serif; display:block; padding-left:2.5em; padding-left:7vmin; text-align:left; margin-top:-1em; letter-spacing:0px; text-transform:none; color:gray; font-weight:normal; font-size:1.7em; font-size:2.5vh; margin-top:-2.5vmin; padding-right:6vmin;

 }

.descriptionN { font-family: Din-Regular, sans-serif; display:block; padding-left:3.2em; padding-left:7vmin; padding-right:2.5em; padding-right:7vmin; padding-top:0.75em; padding-top:0.75vmin; color:gray; text-align:left; letter-spacing:0px; font-weight:normal; font-size:1.3em; font-size:2vh; }

.quoteN { font-family: 'Droid Serif' !important; font-style: italic !important; font-weight: 400 !important; text-align:center; padding-left:3.2em; padding-left:8vmin; padding-right:3.3em; padding-right:8vmin; color:gray; font-size:1.65em; font-size:2.3vh;}

/* nev edit */


figure{
 /* background: red; */
}

/* change the opacity of the hover images */
figure:hover {
  opacity: .6;
  filter: alpha(opacity=6);
  transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -webkit-transition: opacity .2s ease-in-out;
}

.studio_only p.fc_info {
	 display: none; 
height: 0px; 
}

/* bold the titles of posts */
.studio_only h3 {
 margin-top: 0px;
font-weight: bold;
}

.studio_only {  
padding-bottom: 15px; 
margin-bottom:10%;
} 

/* don't show the date on the blog posts */
.entry-info {
    display: none;
}

.blog-bottom-bar {
 display: none;
}

.studio_only h3 {
    text-transform: uppercase;
}


aligncenter2 {
text-align: center;
margin: 30px auto;
margin-bottom: -15px;
}

aligncenter3 {
text-align: center;
margin: 30px auto;
margin-bottom: -60px;
}




/********** Blog Posts / News ********/
.descriptionNBlog { font-family: Din-Regular, sans-serif; display:block; padding-left:3.2em; padding-left:7vmin; padding-right:2.5em; padding-right:7vmin; padding-top:0.75em; padding-top:0.75vmin; text-align:left; letter-spacing:0px;  font-size:1.3em; font-size:2vh; font-weight:normal; color:#666; }

.quoteNBlog { font-family: 'Droid Serif' !important; font-style: italic !important; font-weight: 400 !important; text-align:center; padding-left:3.2em; padding-left:8vmin; padding-right:3.3em; padding-right:8vmin; color:gray; font-size:1.65em;  font-size: 2.3vh;  font-size: 1.3vmax;}

.blogCaption{ margin-top:-2em; margin-bottom:2em;}

.blogLoopTitles {
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1.5;
   /* display: inline-block; */
     text-overflow: ellipsis;
     overflow: hidden; 
    height: 3em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    align-content: center; 
    text-align: center;
/*
    white-space: nowrap;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
*/
    vertical-align: middle;
   display: block;
}


#news_inner li a {
    display: inline;
    width: 100%;
    line-height: 0;
    vertical-align: middle;
color: #666;
}

#news_inner li a:hover {
   color: #999;
 /*   background: #fafafa; */
}

.studio_only:hover {
background: #fafafa;
}

#blog .studio_only {
 display: block !important;
}