/*
Theme Name: Mies Child
Theme URI: http://pixelgrade.com/demos/mies
Author: PixelGrade Team
Author URI: http://pixelgrade.com
Template: mies
Description: MIES is a front line parallax Architecture WordPress Theme prized for allowing you to present your activity within a delightful and captivating experience. It's perfect for a full range of presentations and portfolio projects of designers, architects or photographers.
License: Themeforest Split Licence
License URI: -
Text Domain: mies_txtd
Domain Path: /languages/
Tags: white, light, dark, responsive-layout, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, theme-options, translation-ready
*/

/* Add your custom CSS rules that overwrite the ones in the main Mies theme here */

.header.header--inverse a, .header--inverse .navigation__menu-label, .hero__title {
    text-shadow: 1px 1px 3px #555659;
}

.texto-portfolio {
    	font-size: 1.11764rem;
	padding: 0 2.35294rem;
	margin: 0 auto;
}

.project-meta {
    padding: 0 2.35294rem;
}

.grid {
    line-height: 0;
    margin-top: 0px;
}

.grid__item {
	margin: 0 0 0.1764705rem 0;
}


.aligncenter,
.alignnone,
.alignleft,
.alignright {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}


.textwidget {
    line-height: 1.6;
}


h4 {
	font-size: 1.05882rem;
	letter-spacing: 0.2em;
}

h3 {
	margin-bottom: 1.764705rem;
}

.masonry__item-meta * {
	font-family: "Lato", sans-serif;
    	font-size: 0.823529rem;
    	font-style: normal;
}

.separator {
	margin: 4.70588rem auto; 
}

/* Garante a proporção de 16:9 nas imagens permitindo o alinhamento e ordenação perfeitos dos projetos na home */
.masonry__item-image {
    height: 0;
    padding-bottom: 56.25%;	
}

@media not screen and (min-width: 800px) {
	.texto-portfolio {
		margin: 1.17647rem auto;
		padding: 0 0.294117rem;
	}
	.site-logo--text {
		font-size: 1em;
		width: 14.705882rem;
		line-height: 1;
	}
	
	.grid__item {
		margin: 0 0 0.117647rem 0;
	}
	.separator {
    		margin: 2.941176rem auto;
	}
	.project-meta__field {
		margin-top: 2.941176rem;
	}
	.masonry__item-image {
		margin-bottom: 1rem;
	}
	.masonry__item-meta {
		line-height:1;
	}
}

@media only screen and (min-width: 1240px) {
	.texto-portfolio, .project-meta {
		padding: 0 11.76470rem;
	}
}

@media only screen and (min-width: 1600px) {
	.texto-portfolio, .project-meta {
		padding: 0 17.64705rem;
	}
}