/*
Theme Name: Pro – Child Theme
Theme URI: http://theme.co/pro/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro
*/

:root {
    --cor-bg-campos-wpcf7: rgb(30, 162, 214);
}

@media screen and (max-width: 767px) {
    video#home_video {
        left: -50%;
        position: relative;
    }
}

@media screen and (min-width: 768px) {
	.campos-esq, .campos-dir {
		width: 50%;
		float: left;
	}

	.campos-esq {
		padding-right: 5px;
	}

	.campos-dir {
		padding-left: 5px;
	}

    video#home_video {
        width: 100%;
    }
}

@media screen and (max-width: 772px) {
	.x-bar.rodape-superior {
		height: 14em !important;
	}
	
	.x-bar.rodape-superior .x-bar-content {
		height: 14em;
		padding: 15px 0;
	}
	
	.x-bar.rodape-superior .x-bar-container {
		padding: 25px 0;
		flex-direction: column;
	}
}

.wpcf7 select, .wpcf7 textarea, .wpcf7 input[type="text"], .wpcf7 input[type="password"], .wpcf7 input[type="datetime"], .wpcf7 input[type="datetime-local"], .wpcf7 input[type="date"], .wpcf7 input[type="month"], .wpcf7 input[type="time"], .wpcf7 input[type="week"], .wpcf7 input[type="number"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 input[type="search"], .wpcf7 input[type="tel"], .wpcf7 input[type="color"] {
    border: none;
    background: var(--cor-bg-campos-wpcf7);
    border-radius: 12px;
	padding: 8px 15px;
}

.wpcf7 select, .wpcf7 input[type="text"], .wpcf7 input[type="password"], .wpcf7 input[type="datetime"], .wpcf7 input[type="datetime-local"], .wpcf7 input[type="date"], .wpcf7 input[type="month"], .wpcf7 input[type="time"], .wpcf7 input[type="week"], .wpcf7 input[type="number"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 input[type="search"], .wpcf7 input[type="tel"], .wpcf7 input[type="color"] {
    height: 42px;
}

.wpcf7 textarea {
    height: 100px;
}

.x-row.form-contatos .wpcf7 textarea {
    height: 217px;
    padding: 13px 15px;
}

input.wpcf7-submit {
    width: 100%;
    border: none;
    padding: 13px 5px;
    font-family: inherit;
    font-size: 1em;
    font-weight: 400;
    border-radius: 12px;
}

.x-row.contatos a i {
    font-size: 45px;
    padding-bottom: 7px;
}

/* imagens cinza home */

.imagem-portifolio, .imagem-video img, .mapa iframe, .imagens-portfolio img{
  -webkit-filter: grayscale(75%) !important;
  filter: grayscale(75%) !important;
  filter: gray !important; 
}

.imagem-portifolio:hover, .imagem-video img:hover, .mapa iframe:hover, .imagens-portfolio img:hover {
	-webkit-filter: none;	
	filter: none !important;	
}

/* contato */

h2.titulo-form {
    font-family: 'Open Sans';
    font-weight: 400;
    letter-spacing: 6px;
    font-size: 1.5em;
    color: #000;
    text-align: center;
    padding: 40px 0 ;
}

p.descricao-form {
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 1em;
    color: #000;
    text-align: center;
    width: 50%;
}

.b24-form-wrapper.b24-form-shadow.b24-form-border-bottom {
    box-shadow: none !important;
}

button.b24-form-btn {
    border: solid 1px;
    border-radius: 0px;
	width: 30%;
	margin-top: 20px !important;
}

[type="submit"]:hover {
    color: rgba(0,0,0,.9)!important;
	border: solid 1px #000 !important;
    background-color: transparent!important;
    text-shadow: none!important;
}

div#panel-e130-5, div#panel-e130-6, div#panel-e130-7{
    text-align: -webkit-center;
	border: solid 1px;
}

/* rodape */

.rodape .botao-whats {
    background-color: #fff;
    margin: 0 10px;
	color:#292929 !important;
	padding: 4px 4px 4px 8px;
    border-radius: 5px;
}

.rodape .botao-face {
    background-color: #fff;
    margin: 0 10px;
    padding: 4px 9px 4px 9px;
	color:#292929 !important;
	border-radius: 5px;
}

.rodape .botao-insta {
    background-color: #fff;
    margin: 0 10px;
    padding: 4px 9px 4px 9px;
	color:#292929 !important;
	border-radius: 5px;
}

.rodape i.fas.fa-map-marker-alt {
    padding: 0 8px 0 0;
    font-size: 15px;
}

.icones-contato a, .icones-contato a i {
	color:#000 !important;
}

/* tabs mobile */

.tabs-mobile a#x-legacy-tab-1:hover, .tabs-mobile a#x-legacy-tab-2:hover, .tabs-mobile a#x-legacy-tab-3:hover {
    color: #fff;
    background-color: #000;
    font-weight: 600;
}

.x-nav-tabs-item .active{
    color: #fff !important;
    background-color: #000 !important;

}

.tabs-mobile a#x-legacy-tab-1, .tabs-mobile a#x-legacy-tab-2, .tabs-mobile a#x-legacy-tab-3 {
    color: #000;
    background-color: #fff;
    margin: 0;
    border: none;
}
}

.tabs-mobile{
	border: none !important;
}

ul.x-nav.x-nav-tabs.tabs-mobile.three-up.top {
    border: none !important;
}

li.x-nav-tabs-item {
    border: none !important;
}

.x-tab-content.tabs-mobile {
    border: none;
}


/* form contato */

.m3m-3 .x-tabs-list {
	border-bottom:none !important;
}

/* .x-section.video-destaque .x-bg-layer-lower-video {
	transform: scale(5);
} */

.x-section.galeria-portfolio .fg-item.fg-type-image {
    width: 50%;
    float: left;
    margin: 0 !important;
}

.x-section.galeria-portfolio .fg-item.fg-type-image:nth-child(3n) {
    width: 100%;
    float: left;
}

.x-section.galeria-portfolio .fg-item.fg-type-image .fg-image {
    width: 100% !important;
}

.x-section.galeria-portfolio figure.fg-item-inner {
    padding: 6px 3px;
}

.x-section.galeria-portfolio .fg-item.fg-type-image:nth-child(3n) .fg-image-wrap {
    max-height: 480px;
}

.x-section.galeria-portfolio .fg-image-wrap {
    max-height: 325px;
}

.fbx-rounded .fbx-inner, .fbx-light .fbx-close {
    border: none;
}

.fbx-rounded .fbx-prev, .fbx-rounded .fbx-next {
    height: 40px;
    border-radius: 200%;
    width: 40px;
    background: rgb(255 255 255 / 80%);
}

.fbx-rounded .fbx-prev:hover, .fbx-rounded .fbx-next:hover, .fbx-light .fbx-close:hover {
    color: #000 !important;
    background: rgb(255 255 255);
}

.fbx-light .fbx-close {
    background: rgb(255 255 255 / 80%);
}

.fbx-rounded .fbx-prev {
    left: -60px;
}

.fbx-rounded .fbx-next {
    right: -60px;
}

span.fbx-count {
	display: none;
}

.tag-venda {
	float: right;
    position: absolute;
    right: -140px;
    top: 30px;
    z-index: 1000;
    padding: 5px;
    transform: rotate(35deg);
    width: 400px;
    text-align: center;
	box-shadow: 0px 2px 16px rgb(0 0 0 / 17%);
}