/*
Theme Name: IMEQ
Theme URI: http://www.imeq.com.br
Description: Tema desenvolvido para o site da IMEQ
Author: Estúdio 8bits
Author URI: http://8bits.cc
Version: 1.0
License: Attribution-NonCommercial-NoDerivatives 4.0 International (CC BY-NC-ND 4.0)
License URI: http://creativecommons.org/licenses/by-nc-nd/4.0/
Tags: 8bits
Text Domain: IMEQ
*/

/* GENERAL */
body {margin: 0;}
.container {margin: 0; padding: 0; width: 100%; display: block;}
* {font-family: Arial, sans-serif;}

/* HEADER */
.header {height: 45vh; background-image: url(images/house_01.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative;}
.headerLogo {width: 20%; position: absolute; top: 0; left: 30px;}
.headerLogo img {width: 100%;}

/* NAV */
.mainMenu {text-align: center; border-top: 1px solid #333; border-bottom: 1px solid #333;}
.mainMenu ul {margin: 0; padding: 10px; 0}
.mainMenu ul li {margin-left: 6px; display: inline;}
.mainMenu ul li:after {content: "|"; margin-left: 8px;}
.mainMenu ul li:last-child:after {content: none;}
.mainMenu ul li a {color: #333; text-decoration: none;}
.mainMenu ul li a:hover {color: #000;}

/* QUOTE */
.quote {margin: 80px 0 100px; text-align: center;}
.quote p {margin: 0 auto; width: 80%; font-size: 30px;}

/* PROJETOS */
.projetosList {margin: 0; padding: 50px 0 30px; text-align: center; background-color: #E6E6E6; border-top: 1px solid #333; position: relative;}
.projetosList h2 {padding: 10px 0; width: 93vw; background-color: #333; color: #FFF; position: absolute; top: -45px; left: 3%}
.projetosList li {width: 23vw; height: 23vw; display: inline-block; overflow: hidden;}
.projetosList li a img {width: 23vw; height: 23vw;}

/* PAGES */
.page {margin-bottom: 80px; padding: 0 5%; width: 90%;}
.page h1 {font-size: 3em;}

.page form {margin: 0; padding: 0;}
.formInput {margin: 5px 0; padding: 10px; width: 100%; border: none; background-color: #EEE; display: block;}
.formSubmit {margin: 5px 0; padding: 10px 15px; border: none; background-color: #7b1313; color: #FFF; font-weight: bold;}

/* CATEGORY */
.category h1 {font-size: 3em; padding: 0 5%; width: 90%;}

.projetosListSmall {margin: 0; padding: 50px 0 30px; text-align: center;}
.projetosListSmall li {width: 15vw; height: 15vw; display: inline-block; overflow: hidden;}
.projetosListSmall li a img {width: 15vw; height: 15vw;}

.dicasList {margin: 0; padding: 0;}
.dicasList li {border-top: 1px solid #888; list-style: none;}
.dicasList li:last-child {border-bottom: 1px solid #888;}
.dicasList li a {text-decoration: none; color: #000;}
.dicasList li a h2 {margin: 15px 0 5px 0;}
.dicasList li a p {margin: 5px 0 15px 0;}

/* FOOTER */
.footer {padding: 20px 0 30px; background-color: #333; text-align: center; border-top: 1px solid #000;}
.footer p {color: #FFF;}
.copyright {font-size: 12px; color: #FFF;}