/*-----------------------------------------------------------------------------------
PORTFOLIO
-----------------------------------------------------------------------------------*/


.page-template-thmlv-page-portfolio-php article {
  opacity:1.0;
    filter:alpha(opacity=100);/*position where      
            transition: opacity 0.5s ease-in; /* vendorless fallback */
         -o-transition: opacity 0.5s ease-in; /* opera */
        -ms-transition: opacity 0.5s ease-in; /* IE 10 betas, not needed in final build. */
       -moz-transition: opacity  0.5s ease-in; /* Firefox */
    -webkit-transition: opacity 0.5s ease-in; /*safari and chrome */
    transition: opacity 0.5s ease-in;
}

.thmlvBlockPortfolio, #thmlvInnerNav .span_6 {background-color:#BDA84D;}

.page .thmlvHeader h3 {display:none;}

.page-template-thmlv-page-portfolio-php article .info-work, .archive article .info-work {display:none;}


.page-template-thmlv-page-portfolio-php article:hover, .archive article:hover {background:#3d3d3d;}
.page-template-thmlv-page-portfolio-php article:hover .info-work, .archive article:hover .info-work {display:block; padding-left: 2em; padding-right: 2em; position:relative; height:80%;}
.logo-marca-code {position:absolute; bottom:0px;}

.info-work .thmlvSectionCategories {font-size: 20px; letter-spacing: 2px;}
.info-work .arrow-right {background: url(../images/arrow_right.png); background-size: 38px 11px; display:block; width:38px; height:11px; margin-top: 10px;} 

.page-template-thmlv-page-portfolio-php .thmlvBlockPortfolio > div {background-image:none;}

.page-template-thmlv-page-portfolio-php #thmlv-main {
	padding-bottom: 7em;
	padding-top: 7em;
}

.page-template-thmlv-page-portfolio-php #thmlvContent,
.page-template-thmlv-page-portfolio-php .thmlvHeader,
.tax-skills #thmlvContent,
.tax-skills .thmlvHeader {
	margin-bottom: 0.5%;
	padding-bottom: 0;
}

.tax-skills #thmlvContent {padding-bottom: 0.5%;}

.thmlvBlockPortfolio {
	background-position: center center;
	background-size: cover;
	display:inline-block;
	position: relative;
	overflow: hidden;
	padding-top: 17.77%;
	width: 32.33%;
    margin: 0.3%;
}

.thmlvBlockPortfolio.format-quote, .thmlvBlockPortfolio.format-link {
	color: #ffffff;
}

.thmlvBlockPortfolio > div {
	background-repeat: repeat;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.thmlvPortfolioLabel {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.thmlvPortfolioLabelWrap {
	display: table;
	height: 100%;
	text-align: center;
	width: 100%;
}

.thmlvPortfolioWrap {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.thmlvPortfolioWrap.thmlvPortfolioLink {
	top: 100%;
}

/*-----------------------------------------------------------------------------------
Typo
-----------------------------------------------------------------------------------*/

.info-work {font-size:15px; line-height:20px;}

.thmlvPortfolioLabel h1 {
	color: #ffffff;
	font-size: 25px;
	line-height:30px;
	text-align: left;
	font-family: 'Montserrat', Helvetica, sans-serif; 
	font-weight: 700;
}

/*-----------------------------------------------------------------------------------
Stuff
-----------------------------------------------------------------------------------*/

.thmlvBlockPortfolio .fa {
	margin-left: 0.750em;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.type-portfolio.format-video.thmlvFullSection video {
		display: none;
	}
}

/*-----------------------------------------------------------------------------------
Retina shits
-----------------------------------------------------------------------------------*/
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
.info-work .arrow-right {background: url(../images/arrow_right@2x.png); background-size: 38px 11px; background-repeat:no-repeat;} 

}