/*!
Theme Name: Sala Branca
Theme URI: http://underscores.me/
Author: hnc
Author URI: http://hnc.pt
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: salabranca
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Sala Branca is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/

body {

	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	background: #ffffff;
	color: #1d1d1d;
	font-weight: 300;
	line-height: 1.5;
}

a {

	text-decoration: none;
	color: inherit;
}

a, a:hover, a:active, a:focus {

	outline: 0;
}

p {

	margin-bottom: 20px;
}

img {

	max-width: 100%;
	height: auto;
}


.home #masthead {

	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
}

.centered {

	max-width: 1180px;
	margin: 0 auto;
}

.narrow {

	max-width: 960px;
}

.thin {

	max-width: 680px;
}

.txt-center {

	text-align: center;
}

.txt-right {

	text-align: right;
}

.txt-medium {

	font-size: 1.1em;
	line-height: 1.6;
}

.row {

	padding: 100px 0;
}

.main-area {

	background: #f6f6f6;
	padding: 100px 0;
	position: relative;
}

.main-area .white-box {

	background: #ffffff;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 50%;
	max-width: 760px;
	max-height: 80%;
	margin: auto;
}

.row.sala-branca {

	padding-bottom: 0;
	position: relative;
}

.row.servicos {

	position: relative;
}

.col-left {

	float: left;
}

.col-right {

	float: right;
}

.col-1-3 {

	width: 33%;
}

.col-2-3 {

	width: 67%;
}

#site-navigation,
.back-home {

	padding-top: 70px;
	font-weight: 500;
}

#site-navigation ul.menu {

	list-style: none;
	margin: 0;
	padding: 0;
}

#site-navigation ul.menu li {

	display: inline;
	margin-left: 30px;
}

.servicos .gallery:after {
	
	content: " "; /* Older browser do not support empty content */
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.servicos .gallery {

	margin-bottom: 60px;
}

.servicos a {

	background: #000000;
	color: #ffffff;
	padding: 20px;
}

.servicos .gallery figure.gallery-item {

	padding: 0;
	margin: 0;
	float: left;
	width: 20%;
	text-align: center
}

.servicos .gallery figure.gallery-item .gallery-icon {

	margin-bottom: 15px;
}

.page #main {

	padding: 50px 0;
}

.home h2 {

	font-size: 1.8em;
	font-weight: 500;
	margin-bottom: 20px;
}

.home .col.thumbnail {

	padding-top: 55px;
}

.home .col-left.content {

	padding-right: 50px;
}

.home .col-right.content {

	padding-left: 50px;
}

.home .divider {

	width: 100%;
	height: 500px;
}

.home .divider .content {

	color: #ffffff;
	padding-top: 100px;
}

.home .divider .content h2 {

	font-size: 2.2em;
	font-weight: 400;
}

.home .divider .content .headline {

	font-weight: 300;
}

.home .private-container {

	background: #f6f6f6;
}

.home .contactos h2 {

	margin-bottom: 50px;
}

.home .contactos form label {

	display: none !important;
}

.home .contactos form input,
.home .contactos form textarea {

	box-shadow: none !important;
	border: none !important;
	border-bottom: 1px solid #000000 !important;
	border-radius: 0 !important;
	margin-bottom: 20px !important;
}

.home .contactos form button {

	border: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	background: #000000 !important;
	color: #ffffff !important;
	padding: 10px 18px !important;
}

.page h1 {

	font-size: 2em;
	text-align: center;
	margin-bottom: 50px;
}

.page h2 {

	margin-bottom: 20px;
	font-size: 1.6em;
}

.page table {

	width: 60%;
	margin: 40px auto;
}

.page table .column-2,
.page table .column-3 {

	text-align: right;
}

.page ul {

	list-style: disc;
	padding-left: 20px;
	margin-bottom: 30px;
}

footer#colophon {

	color: #1d1d1d;
	font-size: 0.9em;
	text-align: center;
	padding: 40px 0;
}

footer#colophon h2 {

	text-align: left;
	font-weight: 300;
	font-size: 12px;
	margin-bottom: 10px;
}

#scroll-top {

	display: block;
	width: 60px;
	height: 60px;
	background: rgba(0,0,0,0.2) url(images/arrow-top.png) no-repeat center;
	position: fixed;
	right: 50px;
	bottom: 50px;
	border-radius: 4px;
}

#scroll-top:hover {

	background-color: rgba(0,0,0,0.3);
}