/*
Theme Name: Praxis
Theme URI: 
Author: Alexandre Beltramini
Author URI: https://portfolio.alexandrebeltramini.com.br
Description: Tema Praxis
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.
*/

:root{
	--transition: 0.5s;
	--opacity: 0.7;
}
html{scroll-behavior: smooth;}
body{
	overflow-x:hidden;
}

a{
	transition:var(--transition);
}

a:hover{
	opacity: var(--opacity);
}
h4 {
  margin-top: 0;
}

/*NAV MENU*/


#logo-nav {
  max-width: 390px;
  margin: 20px auto;
	padding: 0 20px;
}
#nav-menu{
	padding:0px 20px;
}
#nav-menu p{
	max-width: 755px;
  margin-left: auto;
  margin-right: auto;
}
#nav-menu a {
  font-family: var(--wp--preset--font-family--cervo-neue);
  font-size: 20px;
	padding-left:0px;
	padding-right:0px;
  text-transform: uppercase;
  transition: var(--transition);
	font-weight:100;
	letter-spacing: 3px;
}


#nav-menu a:hover {
  opacity: var(--opacity);
}

.wp-block-navigation__container{
	justify-content:space-between;
	max-width: 650px;
}

.wp-block-columns.is-layout-flex.wp-container-43 {
  position: relative;
  z-index:  0 !important;
}

.wp-block-columns {
  margin: 0;
}

.content{
	max-width:1000px;
	margin: 0 auto;
	padding: 80px 20px;
}
#fundadores, #sobre, #nossos-servicos {
  padding: 0;
}
@media(max-width:550px){
	.wp-block-navigation__container a {
  font-size: 13px !important;
}
}

/*SOBRE*/
.texto-sobre{
  text-align: center !important;
  font-weight: 400;
	color:var(--wp--preset--color--azul);
	  max-width: 756px;
		
}
#sobre p {
	margin-left: auto;
	margin-right: auto;
}

.destaque-txt{
	font-weight:500;
}

#sobre h3 {
  margin-top: 0;
}


/*PORTFOLIO INDEX*/

.wp-block-latest-posts__list.is-grid.columns-3.aligncenter.wp-block-latest-posts {
  display: flex;
}
.attachment-medium.size-medium.wp-post-image {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}

.wp-block-heading.has-text-align-right.has-marrom-color.has-text-color {
  font-family: var(--wp--preset--font-family--cervo-neue);
  font-weight: 300;
  text-transform: uppercase !important;
  font-size: 20px;
  border-bottom: 10px solid var(--wp--preset--color--lilas);
  display: inline;
  float: right;
  padding: 0px 20px;
  height: 14px;
}

.wp-block-heading.has-text-align-right.has-marrom-color.has-text-color a {
  color: var(--wp--preset--color--marrom);
  text-decoration: none;
}

.wp-block-latest-posts__featured-image a{
	width:100%;
}

.wp-block-latest-posts__post-title {
  display: none;
}
#projetos-home ul {
  margin-top: -10px;
}
@media(max-width:781px){
	#portfolio li {
		width: 49%;
		margin: 0 auto;
	}
	.wp-block-latest-posts__list.is-grid.columns-3.aligncenter.wp-block-latest-posts {
	  gap: 1%;
	}
}

/*NOSSOS SERVIÇOS*/
#nossos-servicos img {
  max-width: 150px;
}
#nossos-servicos .wp-block-columns.content.has-lilas-background-color.has-background.is-layout-flex.wp-container-22 {
  justify-content: center;
}

.servicos-itens .has-azul-color.has-text-color:before {
content:'';
  background-image: url(http://praxisrestauro.com.br/wp-content/uploads/2023/04/diamond.png);
  background-repeat: no-repeat;
  background-size:contain;
  height: 20px;
  width:20px;
  display:flex;
  transform: translate(-40px,0px);
position: absolute;
}
.servicos-itens .has-azul-color.has-text-color {
  padding-left: 40px;
}

@media(max-width:781px){
  .servicos-img-container {
  position: absolute;
  }
  .wp-block-column.is-vertically-aligned-bottom.servicos-img-container.is-layout-flow {
    align-self: center;
	width: auto;
  }
	.wp-block-columns.content.has-lilas-background-color.has-background.is-layout-flex.wp-container-20 {
  justify-content: center;
}
	.wp-image-78 {
  opacity: 0.2;
  z-index: -1;
}
.wp-block-column.servicos-itens.is-layout-flow {
  z-index: 1;
}
#nossos-servicos .wp-block-columns{
  justify-content: center;
}
#fundadores .wp-block-columns{
  justify-content: center;
}

}

/*FUNDADORES*/
#fundadores .wp-block-heading {
  margin-bottom: 0;
}
#fundadores .wp-block-heading:nth-of-type(1) {
  line-height: 1.6em;
}

.wp-block-columns.content.is-layout-flex.wp-container-28 {
  column-gap: 30px !important;
}
.wp-image-79 {
  max-width: 160px !important;
}
@media(min-width:782px){
	#fundadores p {
	  max-width: 330px;
	}
}
/*NOSSOS PARCEIROS*/

.wpcp-slide-image img {
  max-height: 120px;
  object-fit: contain;
}

@media(max-width:781px){
  .fundadores-img-container{
  position: absolute !important;
}
.wp-block-column.is-vertically-aligned-bottom.fundadores-img-container.is-layout-flow {
  align-self: center;
	width: auto;
  z-index: 1 !important;
}
.wp-image-79{
  opacity: 0.2;
  z-index:  0!important;
}
.wp-block-columns.content.is-layout-flex.wp-container-28 {
  justify-content: center;
}

.wp-block-column{
  z-index: 3 !important;
}
}


/*FALE CONOSCO*/
#fale-conosco #col1 p:nth-of-type(2),
#fale-conosco #col1 p:nth-of-type(1){
  max-width: 200px;
}
#fale-conosco ul li {
	display: table-cell;
	vertical-align: middle;
}
#fale-conosco li:nth-of-type(2) {
  padding-left: 10px;
}

#fale-conosco ul{
  padding: 0;
}
#fale-conosco .flat-wp{
	max-width: 40px;
	filter: brightness(0) saturate(100%) invert(45%) sepia(5%) saturate(2171%) hue-rotate(343deg) brightness(95%) contrast(79%);
}
#fale-conosco a {
  color: var(--wp--preset--color--azul);
	text-decoration:none;
}
#fale-conosco h4{
  margin-bottom:0;
}
#wpforms-submit-18 {
  border: none;
  box-shadow: none !important;
}
#wpforms-submit-18:focus::after {
  border: none;
}
.wp-image-113 {
  width: 120px;
}
#fale-conosco h4:nth-of-type(2){
  margin-bottom: 20px !important;
}
#fale-conosco h4:nth-of-type(1){
  margin-top: 0px !important;
}

#wpforms-18-field_3-container {
  width: 49%;
}
#wpforms-18-field_7-container {
  width: 49%;
}
@media(max-width:550px){
	#wpforms-18-field_3-container {
  width: 100% !important;
}
#wpforms-18-field_7-container {
  width: 100% !important;
}
}
.wpforms-field-container {
  display: flex;
  flex-wrap: wrap;
}
#wpforms-18-field_5-container {
  width: 100%;
}
#wpforms-18-field_6-container {
  width: 100%;
}
.wpforms-field {
  padding: 0 !important;
}
.wpforms-field-container {
  column-gap: 2%;
  row-gap: 15px !important;
}
#wpforms-submit-18 {
  padding: 1px 20px;
  text-transform: uppercase;
  font-weight: 300;
  float: right;
}
#wpforms-18-field_6 {
    height: 200px;
	resize:none;
}
#wpforms-18 {
  margin: 0;
}

.wpforms-field input,
.wpforms-field textarea{
  font-size: 15px !important;
}

/*PORTFOLIO*/
.galeria img{
  aspect-ratio: 1;
	object-fit: cover;
}
#projetos .wp-block-group {
  padding: 0px !important;
}
.post-title-port {
  font-size: 15px !important;
}
.post-paginação a {
  text-decoration: none;
  color: #856E5D;
}
.post-paginação {
  margin-top: 30px !important;
}

.wp-block-post-template.is-flex-container {
  row-gap: 5px;
}
#parceiros .content {
  padding-bottom: 0;
}
#projetos-home h4 {
  margin: 0;
}

/*FOOTER*/
#footer svg {
  margin: 0 auto;
  width: 100%;
}
#footer .wp-block-column {
  display: flex;
  flex-wrap: wrap
}
#footer .credits {
  width: 100%
}
.footer-logo img {
  max-width: 250px;
}
.wp-block-column.is-layout-flow {
  justify-content: center;
}
#footer {
	position: relative;
	padding: 80px 0;
	z-index: 0;
}


#creditos {
  margin: 0;
}
#creditos a {
  font-size: 11px;
  text-decoration: none;
}
footer .has-text-align-center.credits.has-background-color.has-text-color {
  margin-bottom: 0;
}


/*MENU MOBILE*/
.menu-mobile {
	display:none;
  position: relative;
  z-index: 1000 !important;
}

.menu-mobile .btn-mobile{
    position: fixed;
    z-index: 51;
    display:flex;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    flex-wrap: wrap;
    margin: 20px 20px;
    background: var( --wp--preset--color--lilas );
    padding: 13px;
    top:0;
    right: 0;
    cursor:pointer;
    box-shadow: 2px 2px 5px rgb(0,0,0,0.3);
    transition:0.3s;
}
.menu-mobile span{
    border-radius:10px;
    width: 15px;
    background: var(--wp--preset--color--marrom);
    transition:0.3s;
    transform:translate(2px, 4px);
	width: 15px;
	height: 4px;
}


.menu-content{
    z-index: 50;
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    transition:0.3s;
    text-align: center;
    background: var( --wp--preset--color--lilas );
    transform:translate(0px, -100%);
}

.menu-content a{
    font-size: 25px;
    line-height: 2em;
    font-family: var(--wp--preset--font-family--cervo-neue);
	text-decoration: none;
    font-weight: 200;
    color: var(--wp--preset--color--marrom);
    font-weight: 200;
    text-transform: uppercase;
    
}

.menu-content ul{
    margin: auto 0;
	padding: 0;
    
}
.menu-content.display-menu li{
  list-style:none;

}

.display-menu{
    display: grid;
    transition:0.3s;
    transform:translate(0px, 0px);
}

.animate{
    box-shadow: none !important;
}

.animate span:nth-of-type(1){
    transform:translate(2px, 9px) rotate(45deg);
}
.animate span:nth-of-type(2){
    transform:translate(2px, -1px) rotate(-45deg);
}

@media(max-width:550px){
	.menu-mobile {
display:initial;
  z-index: 1000 !important;
}
	#nav-menu {
  display: none;
}

.wp-image-77 {
  max-width: 250px !important;
}
}