@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap');

@font-face {
  font-family: 'Recoleta';
  src: url('assets/fonts/Recoleta/Recoleta-Light.ttf') format('truetype');
}
/*
Theme Name: Danielle Oliveira
Theme URI: 
Author: Alexandre Beltramini
Author URI: https://portfolio.alexandrebeltramini.com.br
Description: Tema personalizado de Danielle Oliveira
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: alexandrebeltramini
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.
*/

.content, .header-content, .footer-content {
  max-width: 900px;
  margin: 0 auto;
}

.content{
	padding: 40px 20px;
}
.wp-block-columns {
  margin: 0 auto;
}
html{
	scroll-behavior: smooth;
}
body {
  background: linear-gradient(-45deg, var(--wp--preset--color--off-white), #CAAFC826);
  background-size: 100% 105%;
}
a{
	transition: 0.2s;
}
a:hover{
	opacity:0.7;
}
strong {
  font-weight: 500;
}


/*HEADER*/
#header {
  z-index: 100;
  position: sticky;
}
.header-content{
	position:absolute;
	width:100%;
	left: 50%;
	transform: translateX(-50%);
	padding: 0 20px;
}
.header-content .wp-block-navigation__container {
  gap: 60px;
}
#header nav {
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: 300;
}

#banner .wp-image-9 {
  max-width: 300px !important;
	width: 100%;
	padding: 20px;
}
#banner .wp-block-columns.is-layout-flex.wp-container-9 {
  height: 0;
}
#banner {

	min-height:600px;
	padding-top: 70px;
padding-bottom: 30px;
}

#banner .wp-block-column.is-layout-flow {
  margin: auto;
}
/*BANNER*/
#banner h2,
#banner h3{
  margin: 0;
}
#text-banner {
  transform: translateY(-150px);
}
.wp-block-columns.is-layout-flex.wp-container-9 {
  height: 0;
}
@media(max-width:600px){
	#banner .wp-image-9 {
  max-width: 250px !important;
		

}
}
/*ILUSTRACAO*/
#ilustra{
	padding-top: 70px;
}
#ilustra .wp-block-columns.content.is-layout-flex.wp-container-15 {
  padding-bottom: 0;
}
#ilustra .wp-image-10 {
  max-width: 650px;
	width: 100%;
}


/*SOBRE*/
#sobre .has-text-align-center {
  max-width: 663px;
  margin: 0 auto;
}

#sobre .wp-image-7 {
  max-width: 85px !important;
}
#sobre p:nth-of-type(2) {
  padding-top: 20px;
}
#sobre .wp-block-columns.content.is-layout-flex.wp-container-19 {
  padding-top: 0;
  padding-bottom: 80px;
}
#sobre {
  padding-top: 0;
}
#sobre p{
  line-height: 1.6em
}
#sobre .wp-block-heading.has-text-align-center {
  padding:10px 0 5px;
}
#crp {
  color: var(--wp--preset--color--azul) !important;
  text-decoration: none;
}

/*FOOTER*/
#footer{
	padding: 80px 20px 110px;
}
#footer .wp-block-button__link.has-azul-color.has-text-color.has-background.wp-element-button {
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 15px 30px;
  font-weight: 300;
}

#footer h4 {
    color: var(--wp--preset--color--roxo);
	margin-top:0px;
}
.contato-lugar{
	text-align:center;
}
.mail-lugar img{
	max-height:15px;
	vertical-align: middle;
	filter: brightness(0) saturate(100%) invert(41%) sepia(8%) saturate(688%) hue-rotate(146deg) brightness(99%) contrast(93%);
}

.contato-lugar {
  padding: 40px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.mail-lugar {
  width: 100%;
}
.mail-lugar img{
  padding-right: 6px
}
.mail-lugar a{
  text-decoration: none;
  color: var(--wp--preset--color--roxo);
  letter-spacing: 1px;
}

#credito a{
  color: var(--wp--preset--color--azul);
  text-decoration: none;
  font-size: 14px;
}
#credito{
  margin: 0;
}
#credito a:hover{
  opacity: 0.7;
}
#footer p{
  margin-bottom: 0;
	margin-top: 0;
}



#ilustra, #sobre{
  z-index: 3;
  position: relative;
}