/* 0. Configurações Gerais
----------------------------*/
@font-face {
	font-family: 'Raleway';
	font-weight: 100;
	src: url(../fonts/raleway-extralight.ttf) format('truetype');
}

@font-face {
	font-family: 'Raleway';
	font-weight: 200;
	src: url(../fonts/raleway-light.ttf) format('truetype');
}

@font-face {
	font-family: 'Raleway';
	font-weight: 300;
	src: url(../fonts/raleway.ttf) format('truetype');
}

@font-face {
	font-family: 'Raleway';
	font-weight: 400;
	src: url(../fonts/raleway-medium.ttf) format('truetype');
}

@font-face {
	font-family: 'Raleway';
	font-weight: 500;
	src: url(../fonts/raleway-semibold.ttf) format('truetype');
}

@font-face {
	font-family: 'Raleway';
	font-weight: 600;
	src: url(../fonts/raleway-bold.ttf) format('truetype');
}

@font-face {
	font-family: 'Raleway';
	font-weight: 700;
	src: url(../fonts/raleway-extrabold.ttf) format('truetype');
}

@font-face {
	font-family: 'Raleway';
	font-weight: 900;
	src: url(../fonts/raleway-heavy.ttf) format('truetype');
}

html, body {width: 100%; position: relative; padding: 0; margin: 0;}
html {scroll-behavior: smooth;}
body {font-family: 'Raleway', sans-serif;}

p:last-child {margin: 0;}
i {font-style: italic;}
b {font-weight: bold;}
a {color: inherit;}
a, button {transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
a:hover {text-decoration: none; color: #00933C;}
button:focus {outline: none;}
img {width: 100%; height: auto; object-fit: contain; vertical-align: middle;}

h1, h2, h3, h4, h5, h6, p, a, i, b, span, em, small {-webkit-font-smoothing: antialiased;}
h1 {font-size: 26px;}
h2, h3, h4, h5, h6 {font-size: 20px;}
p {font-size: 16px; font-weight: 300; line-height: 1.5;}

textarea, textarea.form-control {height: 90px;}

[data-link] {cursor: pointer;}

.section {padding: 45px 0;}
.section.inner {min-height: calc(100vh - 438px);}
.section.light {background: #FDFDFD; box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .2);}

.btn {font-weight: 600; text-transform: uppercase; padding: 0.375rem 1rem;}
.btn.default {background: #00933C; color: #FFF;}
.btn.default:hover {background: #05B34C;}

.btn.orange {background: #FF5D00; color: #FFF;}
.btn.orange:hover {background: #FB7224;}

.form-control {transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
.form-control:focus {border-color: #00933C; box-shadow: 0 3px 0 0 #00933C;}

/* 1. Navbar
--------------*/
.header {background: #00933C; color: #FFF; padding: 3px 0;}
.header a {font-size: 14px;}
.header a:not(:last-child) {margin: 0 0.5rem 0 0;}
.header a:hover {color: #FFE03A;}
.header .social {font-size: 16px;}

.navbar {background: url(../images/jpg/background/navbar.jpg); background-size: cover; background-position: 50% 70%; border-bottom: 5px solid #FFE03A;padding: 0; padding-bottom: 0px; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.navbar .navbar-brand .brand {height: 80px;}
.navbar .navbar-nav .nav-item {font-family: segoe script;text-align: center;color: #FFF;}
.navbar .navbar-nav .nav-item .nav-link {font-weight: 500; text-transform: uppercase;}


/* 2. Imóveis
---------------*/
.imoveis .imovel {border: 1px solid #EEE; box-shadow: 0 0 3px 0 rgba(0, 0, 0, .1); border-radius: 10px; padding: 0 15px 0 0;}
.imoveis .imovel:hover {color: inherit;}
.imoveis .imovel .picture {width: 100%; height: 200px;}
.imoveis .imovel .picture img {width: 100%; height: 100%; object-fit: cover; border-radius: 10px 0 0 10px;}
.imoveis .imovel .text {padding: 1rem 0;}
.imoveis .imovel .text .location {font-size: 14px; font-weight: 400; margin: 0 0 0.5rem 0;}
.imoveis .imovel .text .name {font-size: 18px;}
.imoveis .imovel .text .description {font-size: 14px; text-align: justify;}

/* 3. Blog
------------*/
.blog .noticia {margin: 10px auto; box-shadow: 1px 1px 10px 1px #aaa; transition: .7s; border-radius: 10px;}
.blog .noticia:hover {transform: translateY(-10px);}
.blog .noticia .picture {width: 100%; height: 200px;}
.blog .noticia .picture img {height: 100%; object-fit: cover; border-radius: 10px 10px 0 0;}
.blog .noticia .text {padding: 1rem;}
.blog .noticia .text .name {font-size: 18px; text-align: center;}
.blog .noticia .text .description {font-size: 14px; text-align: justify; margin: 0 0 0.5rem 0;}
.blog .noticia .text .social a {font-size: 25px; color: #000;}
.blog .noticia .text .social a:not(:last-child) {margin: 0 0.5rem 0 0;}
.blog .noticia .text .social a:hover {transform: scale(1.2);}

/* 4. Footer
--------------*/
footer {background: url(../images/jpg/background/rodape.jpg); background-size: cover; background-position: center; color: #FFF; position: relative;}
footer::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .6);}
footer h2 {font-weight: 900; text-transform: uppercase; letter-spacing: 1px; margin: 0 0 0.25rem 0}
footer a:hover {color: rgba(255, 255, 255, .7);}
footer .social a {font-size: 24px;}
footer .social a:not(:last-child) {margin: 0 0.5rem 0 0;}
footer .copyright {border-top: 1px solid #FFF; padding-top: 5px; padding-bottom: 5px;}
footer .copyright p {font-size: 12px;}
footer .copyright p a {font-weight: 700;}