/*
Theme Name: Pereira Designer
Theme URI: https://alvaron.com.br
Description: criado para Pereira Designer
Author: Alvaron
Author URI: https://alvaron.com.br
Template: generatepress
Version: 3.1.3
*/
body{
	position:relative;
	overflow-x:hidden;
}

.eael-simple-menu-toggle-text{
	display:none !important;
}

.mauto{
	margin:0 auto;
}

#menumobtop .eael-simple-menu-toggle {
    /*background-color: #F0E2D3 !important;
    opacity: 0.4;*/
}
#menumobtop{
	min-height:unset !important;
}
/*body.page .inside-article{
	padding:0px;
}

body.page .site-main{
	margin: 0px;
}

.elementor-widget-eael-simple-menu.eael-hamburger--mobile.eael-hamburger--responsive .eael-simple-menu-container.preset-1 .eael-simple-menu.eael-simple-menu-horizontal, .elementor-widget-eael-simple-menu.eael-hamburger--mobile.eael-hamburger--responsive .eael-simple-menu-container.preset-1 .eael-simple-menu.eael-simple-menu-vertical, .elementor-widget-eael-simple-menu.eael-hamburger--tablet.eael-hamburger--responsive .eael-simple-menu-container.preset-1 .eael-simple-menu.eael-simple-menu-horizontal, .elementor-widget-eael-simple-menu.eael-hamburger--tablet.eael-hamburger--responsive .eael-simple-menu-container.preset-1 .eael-simple-menu.eael-simple-menu-vertical, .elementor-widget-eael-simple-menu.eael-hamburger--laptop.eael-hamburger--responsive .eael-simple-menu-container.preset-1 .eael-simple-menu.eael-simple-menu-horizontal, .elementor-widget-eael-simple-menu.eael-hamburger--laptop.eael-hamburger--responsive .eael-simple-menu-container.preset-1 .eael-simple-menu.eael-simple-menu-vertical, .elementor-widget-eael-simple-menu.eael-hamburger--desktop.eael-hamburger--responsive .eael-simple-menu-container.preset-1 .eael-simple-menu.eael-simple-menu-horizontal, .elementor-widget-eael-simple-menu.eael-hamburger--desktop.eael-hamburger--responsive .eael-simple-menu-container.preset-1 .eael-simple-menu.eael-simple-menu-vertical, .elementor-widget-eael-simple-menu.eael-hamburger--widescreen.eael-hamburger--responsive .eael-simple-menu-container.preset-1 .eael-simple-menu.eael-simple-menu-horizontal, .elementor-widget-eael-simple-menu.eael-hamburger--widescreen.eael-hamburger--responsive .eael-simple-menu-container.preset-1 .eael-simple-menu.eael-simple-menu-vertical{
	background:#fff !important;
}

.eael-simple-menu-container.preset-1 .eael-simple-menu li.current-menu-ancestor>a.eael-item-active, .eael-simple-menu-container.preset-1 .eael-simple-menu li:hover>a, .eael-simple-menu-container.preset-1 .eael-simple-menu li.current-menu-item>a.eael-item-active{
	background:transparent !important;	
}

.elementor-55 .elementor-element.elementor-element-c38706b .exad-contact-form-7 .wpcf7-form input[type=submit]{
	padding: 12px 18px;
}


.search-results .content-area{
	width:100%;
}

.search-results .is-right-sidebar, .search-results .inside-article header{
	display:none;
}

.search-results a{
	color:#508992;
}

.search-results .page-title{
	text-transform:unset;
}




#topsearch{
	position:absolute;
}

#topsearch{
	position:absolute;
	left:100%;
}

#topsearch input[type=search]{
	display:none;
} 

#topsearch .hfe-search-form__input{
	width:0px !important;
}

#topsearch #clear-with-button{
	right:0%;
	visibility:visible !important;
}

.elementor-6267 .elementor-element.elementor-element-41870d10 .eael-simple-menu li > a {
	background:#fff !important;
}
#contatolais input[type=text] {
    width: 50%;
}

#contatolais input[type=submit]{
	background: #6f3d7b;
}

.grid-container{
	max-width:none;
}

.eael-simple-menu-toggle-text{
	display:none;
}

.eael-simple-menu-toggle{
	cursor:pointer;
}

.elementor-6808 .elementor-element.elementor-element-0ede8b0 .eael-contact-form-7 .wpcf7-form-control.wpcf7-select {
    height: 41px;
}



.eael-hamburger-center li a{

}

aside a{
	text-decoration:none;
}

.single-post article .entry-meta{
	display:none;
}

.single-post article .entry-title{
	font-size:30px;
}

.single-post article p{
	color:#1e1e1e;
}

#colunatop .elementor-widget-wrap{
	padding:0px;
	margin:0px;
}
.gridblog .eael-grid-post-holder{
	border:none !important;
}
.saphcaracteristica figure{
	background:#508992;
	width: 110px !important;
    height: 91px !important;
	border-radius:100% !important;
}
.saphcaracteristica img {
    width: 50px !important;
    margin: 0 auto !important;
    display: block !important;
    margin-top: 16px !important;
}
#menu-item-6968 a{
	border-bottom:2px #188b92 solid;
}


#menu-item-6836 a, #menu-item-6896 a, #menu-item-6833 a, #menu-item-6835 a, #menu-item-6837 a{
	color:#808092;
}

#menu-item-6836 a:hover, #menu-item-6896 a:hover, #menu-item-6833 a:hover, #menu-item-6835 a:hover, #menu-item-6837 a:hover{
	color:#188b92;
}
.ctc_cta{
	font-size:17px;
}

p{
	margin-bottom:10px !important;
}

.descritidoserv p:last-child{
	margin-bottom:0px !important;
}

.solpers p{}

.titslider  *{
	font-family: "Mulish", Sans-serif !important;
}

.txtslider *{
	font-family: "Libre Franklin", Sans-serif !important;
}

.botslider a{
	border:3px #009CABFF solid !important;
}

.botslider *{
	font-family: "Mulish", Sans-serif !important;
}
*/
.single-portfolio .heateor_sss_sharing_title{
	color:#fff;
}
.wpcf7-form p{
	margin-bottom:5px !important;
}
.cformleft{
	float:
	left !important;
	width: 49% !important;
	display:
	block !important;
	clear:
	none !important;
}
.cformright{
	float:
	left !important;
	width: 50% !important;
	margin-left:1% !important;
	display:
	block !important;
	clear:
	none !important;
}
.cformleft input, .cformright input{
	width:100% !important;
	max-width:none !important;
}
.cformnrl input{
	width:95% !important;
	max-width:none !important;
}
.cformnrl textarea{
    height: 150px;
	width:100% !important;
	max-width:none !important;
}
.cformnrl{
	display:block;	
}
.cformclr{
	width:97%;
	clear:both;
}

.cformnrl input[type=text], .cformnrl input[type=email], .cformnrl textarea{
	box-shadow:1px 1px 1px #ccc;
	width:100%;
}

#trabalheform p{
	display:none !important;
}

#wpforms-submit-237, .cformnrl input[type=submit]{
	/*background:#143C6F !important;
	color:#fff !important;
	width:100% !important;*/
	margin-left:0px !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450 !important;
    display: inline-flex !important;
    background: #46b450 !important;
    color: #fff !important;
}

#linkdev {
    display: block;
    position: absolute;
    left: 1.3%;
    transition: all 0.5s;
    color: #43589b21;
    text-decoration: none;
    z-index: 99999;
    bottom: 0.3%;
    font-size: 11px;
}
#linkdev:hover{
	opacity:1;
	color:#fff;
}

#logotop img{
	height:47px !important;
	width:248px !important;
}

/* --- Estilos para a Lista Dinâmica de Portfolio --- */

.portfolio-list-wrapper {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
}

.portfolio-grid {
    display: grid;
    gap: 30px; /* Espaçamento entre os itens */
}

/* Responsividade: Sempre 1 coluna em mobile */
.portfolio-grid {
    grid-template-columns: 1fr;
}

/* 2 Colunas no Tablet */
@media (min-width: 576px) {
    .portfolio-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* N Colunas no Desktop, baseadas no shortcode */
@media (min-width: 992px) {
    .portfolio-grid.grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
    .portfolio-grid.grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
    .portfolio-grid.grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
    .portfolio-grid.grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
    .portfolio-grid.grid-cols-5 { grid-template-columns: repeat(5, 1fr); }
    .portfolio-grid.grid-cols-6 { grid-template-columns: repeat(6, 1fr); }
}


/* Estilos do Item */
.portfolio-item {
    text-align: center;
    border: 1px solid #eee;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
    transition: transform 0.3s ease;
}

.portfolio-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.portfolio-item a {
    display: block;
    text-decoration: none;
    color: inherit;
}

.portfolio-item-imagem img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

.portfolio-item-titulo {
    font-size: 1.2em;
    padding: 15px 10px;
    margin: 0;
    color: #333;
}

/* Estilos do botão Carregar Mais (mesmos do código anterior) */
.load-more-container {
    text-align: center;
    margin-top: 40px;
}

#carregar-mais-portfolio {
    background-color: #0073aa;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1em;
    transition: background-color 0.3s ease;
}

#carregar-mais-portfolio:hover {
    background-color: #005177;
}

#carregar-mais-portfolio:disabled {
    background-color: #cccccc;
    cursor: not-allowed;
}


body.blog .page-title, body.archive .page-title, body.search .page-title{
    font-family: "Bakbak One", Sans-serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 36px;
    color: #3D899F;
}


body.blog .entry-title a, body.archive .entry-title a, body.search .entry-title a{
    font-family: "Bakbak One", Sans-serif;
    font-size: 43px;
    font-weight: 400;
    line-height: 36px;
    color: #3D899F;
}

body.single-post h1.entry-title, body.archive h1.entry-title, body.search h1.entry-title{
	font-family: "Bakbak One", Sans-serif;
    font-size: 43px;
    font-weight: 400;
    line-height: 36px;
    color: #3D899F;
}

body.single-post p, body.archive p, body.search p{
	font-family: "Lusitana-Regular", Sans-serif !important;
}

body.blog .entry-summary p, body.archive .entry-summary p, body.search .entry-summary p{
	font-family: "Lusitana-Regular", Sans-serif !important;
}

body.single-portfolio #comments .comment-reply-title{
	color:#fff;
}

body.single-portfolio #comments .logged-in-as{
	color:#fff;
}

body.single-portfolio #comments .logged-in-as a{
	color:#FBCC46;
}

.sidebar .widget-title{
	font-family: "Bakbak One", Sans-serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 36px;
    color: #3D899F;
}

.sidebar a{
	text-decoration:none;
	color:#346666;
}

.sidebar a:hover{
	text-decoration:underline;
}

.heateor_sss_sharing_ul{
	display: block;
    margin: 0 auto !important;
    max-width: 207px !important;
}

/* ==================================== */
/* 1. GRID PRINCIPAL (Container da Lista) */
/* ==================================== */

/* Container que envolve todos os posts */
.custom-post-list-grid {
    display: flex;
    flex-direction: column; /* Faz com que os itens fiquem um abaixo do outro (lista) */
    gap: 30px; /* Espaço entre cada item/post */
}

/* Item individual do Post (Uma Linha de Lista) */
.custom-post-item {
    display: flex;
    align-items: flex-start; /* Alinha o conteúdo ao topo da imagem */
    border-bottom: 1px solid #eee; /* Linha de separação entre posts */
    padding-bottom: 30px;
}

/* ==================================== */
/* 2. COLUNAS DO ITEM (Imagem e Conteúdo) */
/* ==================================== */

/* Coluna 1: Imagem */
.custom-col-left {
    flex: 0 0 30%; /* Define a largura da coluna da imagem para 30% e impede que ela cresça ou encolha */
    max-width: 30%;
    padding-right: 20px;
}

/* Garante que a imagem seja responsiva */
.custom-post-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px; /* Opcional: bordas arredondadas */
    object-fit: cover; /* Garante que a imagem preencha o espaço sem distorcer (se você definir uma altura) */
}

/* Coluna 2: Conteúdo de Texto */
.custom-col-right {
    flex: 1; /* Ocupa o restante do espaço disponível */
}

/* Títulos */
.custom-content-title a {
    text-decoration: none;
    color: #333;
    font-size: 1.0em; /* Ajuste o tamanho do título */
    line-height: 1.2;
    margin-top: 5px;
    /* margin-bottom: 10px; */
    display: block;
}

/* Data, Tempo de Leitura e Autor */
.custom-content-meta, .custom-content-author {
    font-size: 0.9em;
    color: #888;
    margin-bottom: 5px;
}

/* Resumo */
.custom-content-excerpt {
    margin-top: 15px;
    color: #555;
}

/* ==================================== */
/* 3. SUB-COLUNAS (Comentários e Curtidas) */
/* ==================================== */

/* Container de Comentários e Curtidas (última linha) */
.custom-content-stats {
    display: flex;
    gap: 20px; /* Espaço entre os ícones de comentários e curtidas */
    margin-top: 0px;
    font-size: 0.9em;
    color: #666;
}

.custom-stat-col {
    display: flex;
    align-items: center;
}

/* Estiliza os ícones (usa Dashicons do WordPress, já carregados pelo código PHP) */
.custom-stat-col .dashicons {
    margin-right: 5px;
    font-size: 1.1em;
}

/* Transição CSS para itens recém-carregados */

/* Define a opacidade inicial do item como 0 */
.custom-post-item.loading {
    opacity: 0;
    /* Adiciona uma transição suave para a opacidade e transform */
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out; 
    transform: translateY(20px); /* Opcional: Efeito de deslizar para cima */
}

/* Estado final após o JavaScript remover a classe 'loading' */
.custom-post-item {
    opacity: 1;
    transform: translateY(0);
}

div.heateor_sss_sharing_title{
    text-align: left;
}

#cprgtfooter{
	font-family:Lusitana-Regular, sans-serif;
	font-size:15px;
	font-weight:400;
}

/* ==================================== */
/* 4. RESPONSIVIDADE (Para telas menores) */
/* ==================================== */

@media (min-width: 768px) {
	div[data-hamburger-device="tablet"]{
		min-height:unset !important;
	}
	#menumobtop{
		float:right !important;
	}
		.elementor-widget-eael-simple-menu.eael-hamburger--not-responsive .eael-simple-menu-container.eael-simple-menu-align-right
	 {
		text-align: right;
	}
}

@media (max-width: 768px) {
    /* Em telas menores, os itens ficam em coluna: a imagem em cima, o texto embaixo */
    .custom-post-item {
        flex-direction: column;
    }

    /* Coluna da Imagem ocupa 100% */
    .custom-col-left {
        flex: 0 0 100%;

@media (max-width: 900px){
	#menu-menuprincipal{
		background:#E1DAD2 !important;
	}
}

@media (max-width: 777px){
	#menu-menuprincipal{
		/*margin-top:19px !important;*/
	}
	#menumobtop{
		max-width:150px !important;
	}
	#topsearch{
		left:80%;
	}
	.cformleft,.cformright{
		left:100%;
		clear:both;
	}
	.cformright{
		margin-right:0%;
	}
}