/*
===================================
Root
===================================
*/

:root{
	--transition-all:all .2s ease-in-out;
}

/*
===================================
Geral
===================================
*/

.a-d-block a{
	display:block;
}

.m-auto{
	margin:auto !important;
}

.mt-auto{
	margin-top:auto;
}

.mx-auto{
	margin-left:auto;
	margin-right: auto;
}

/* Header menu */

.elementor-sticky--effects{
    backdrop-filter: blur(10px);
    -moz-backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    --min-height: 90px !important;
}

.elementor-sticky--effects:not(.menu-geral){
	background: hsl(360deg 100% 8% / 70%) !important;
}

@media (max-width:1024px){
	.elementor-sticky--effects{
    	--min-height: 60px !important;
	}
}

@media (min-width:1024px){
	.elementor-sticky--effects .logo{
		width: var(--container-widget-width, 140px) !important;
		--container-widget-width: 140px !important;
		transition: var(--transition-all) !important;
	}
}

.menu-header-sticky a.elementor-item{
	transition: var(--transition-all) !important;
}

.elementor-sticky--effects .menu-header-sticky a.elementor-item{
	font-size:14px !important;
	transition: var(--transition-all) !important;
}

/* Form */

form input[type="submit"]{/* Botão do formulário */
	background:var(--e-global-color-secondary);
	border:none;
	text-transform: uppercase;
	letter-spacing: 2px;
	color:#ffffff;
	font-weight: 300;
    border-radius: 0px;
}

form :is(input, textarea){/* Removendo outline */
	outline: none !important;
}

form :is(input:hover:not(input[type="submit"]),input:focus:not(input[type="submit"]), textarea:hover, textarea:focus){
	border-bottom:1px solid var(--e-global-color-primary) !important;
}

form input[type="submit"]:is(:hover, :focus){
	background: var(--e-global-color-primary);
}

/* Imagens em cover */

.a-display-block a{
	display: block !important;
}

/* Footer - Form */

#form-footer{
	display: flex;
	flex-wrap:wrap;
	column-gap: 4%;
	row-gap:30px;
}

#form-footer :is(input, textarea){
	color: #ffffff;
	font-family: var(--e-global-typography-primary-font-family);
}

#form-footer :is(input:not([type="submit"]), textarea){
	border-color:#bfbfbf;
}

#form-footer p:nth-of-type(1),
#form-footer p:nth-of-type(2),
#form-footer p:nth-of-type(3),
#form-footer p:nth-of-type(4),
#form-footer p:nth-of-type(5),
#form-footer p:nth-of-type(6){
	flex:1 1 48%;
}

#form-footer ::placeholder{
    color: #ffffff;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 14px;
    font-family: var(--e-global-typography-primary-font-family);
}

#form-footer input[type="submit"]{
	background: transparent;
    color: var(--e-global-color-primary);
    border: 1px solid var(--e-global-color-primary);
}

#form-footer input[type="submit"]:hover{
	background: var(--e-global-color-primary);
    color: #ffffff;
    border: 1px solid var(--e-global-color-primary);
}

@media(max-width:768px){
	#form-footer{
		row-gap:10px;
	}

	#form-footer p:nth-of-type(1),
	#form-footer p:nth-of-type(2),
	#form-footer p:nth-of-type(3),
	#form-footer p:nth-of-type(4),
	#form-footer p:nth-of-type(5),
	#form-footer p:nth-of-type(6){
		flex:1 1 100%;
	}

	#form-footer ::placeholder{
		font-size: 12px;
	}
}

/* Linha de imagens */
@media(max-width: 768px){
	.remove-ultima-img .elementor-gallery__container.e-gallery-container{
		--columns:4 !important;
	}
	.remove-ultima-img .elementor-gallery__container.e-gallery-container > :last-of-type{
		display: none !important;
	}
}

/*
===================================
Página Home
===================================
*/

/* Formulário Header */
form{
	font-family: Gotham, sans-serif;
}
form .wpcf7-not-valid-tip{/* Campo inválido */
	font-size:9px;
}
form .wpcf7-response-output{/* Mensagem submit */
	font-size:12px;
}

#form-home-header label{
	display: block;
}
form #form-home-header input[type="submit"]{
    font-size: 14px;
}

/* Projetos */

[class*="hover-title"]{
	position: relative;
}

.hover-title-1 a:after,
.hover-title-2 a:after,
.hover-title-3 a:after,
.hover-title-4 a:after,
.hover-title-5 a:after{
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,.5);
	pointer-events: none;
	display: flex;
    justify-content: center;
    align-items: center;
    font-family: inherit;
    font-size: 18px;
    color: white;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-weight: 300;
    transition: all .2s linear;
    opacity: 0;
    overflow:hidden;
    pointer-events: none;
    transform: scale(0);
}

.hover-title-1 a:hover:after,
.hover-title-2 a:hover:after,
.hover-title-3 a:hover:after,
.hover-title-4 a:hover:after,
.hover-title-5 a:hover:after{
	content:attr(data-elementor-lightbox-title);
	opacity: 1;
	overflow:visible;
	transform: scale(1);
}

/*
===================================
Página Projetos
===================================
*/
div[id^="gallery"] .gallery-item a{
	position: relative;
	display: block;
}

div[id^="gallery"] .gallery-item a:before{
	position:absolute;
	content:attr(data-elementor-lightbox-title);
	top:0;
	left:0;
	width:100%;
	height: 100%;
	pointer-events: none;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: inherit;
	font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #ffffff; 
    font-weight: 500;
    transition: all .2s linear;
    opacity: 0;
    transform:scale(0);
}

div[id^="gallery"] .gallery-item a:hover:before{
	background:rgba(0,0,0,.5);
	opacity: 1;
    transform:scale(1);
}

.galeria-1 figure.gallery-item:not(:nth-of-type(1)){
	display: none;
}