/*
Theme Name: Umbu Digital Theme
Theme URI: https://umbudigital.com
Author: Umbu Dev Team
Author URI: https://umbudigital.com
Description: Basic WordPress theme for UmbuDigital
Text Domain: umbudigital
Version: 1.0.0
License: GNU General Public License v2 or later
*/

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1rem;
	color: #626262;
}
.site-main a  {color: #666;}
.site-main a:hover {color: #888;}
h1,
h2,
h3,
.contato label {
	font-family: 'Abril Fatface', cursive;
	color: #000;
}

#aboutText {
	position: sticky;
	top: 540px;
}

.contato label {
	font-size: 4rem;
	line-height: 4rem;
}

.my-5 {
	margin-bottom: 2rem !important;
}

.form-group.row.align-items-end.no-gutters.my-5 {
	margin-top: 0rem;
	margin-bottom: 2rem;
}

.wpcf7-form-control.wpcf7-submit.has-spinner.btn.btn-success.btn-block.btn-sm.bold {
	width: 33%;
	margin: 0 auto;
	min-width: 270px;
}

.col-12.col-md-4.text-center.text-md-right {
	width: 381px;
}

#contactLink {
	margin-top: 100px;
}

@media (min-width: 768px) {
	.col-md-4:not(input[type=submit]) {
		max-width: 100%;
	}
}

@media (max-width: 768px) {
	.col-12.col-md-4.text-center.text-md-right {
		width: 100% !important;
		text-align: center !important;
	}

	.form-group.row.align-items-end.no-gutters.my-5 {
		display: block;
	}

	.align-items-end {
		display: block;
	}
	.topmob {
		padding-top: 100px !important;
	}
	#aboutText {
		top: 450px;
	}
}

.contato input {
	border: none;
	border-bottom: #7E7E7E solid 1px;
	border-radius: 0;
}

.bold {
	font-weight: bold;
}

.sans {
	font-family: sans-serif;
}

.decoration-none {
	text-decoration: none;
}

h1.site-title {
	font-size: 4.5rem;
	/*min-height: 300px;*/
}

.container-fluid {
	scroll-snap-type: y mandatory;
}

sectn,
footer {
	scroll-snap-align: start;
}

.bg-light {
	background-color: #fff !important;
}

section.projetos {
	/* padding: 5rem; */
	color: #fff;
	background-color: #070D1D;
	/*margin-left: -15px;
	margin-right: -15px;*/
}
section.projetos a {color: #fff;}
section.projetos a:hover {color: #ddd;
	font-weight: bold;}

	section.transition {
	/*margin-left: -15px;
	margin-right: -15px;*/
}

section.projetos h2 {
	margin-left: 2rem;
	font-size: 6rem;
	margin-bottom: -2rem;
	z-index: 1;
	color: #fff;
	position: relative;
}

section.projetos h3 {
	color: #fff;
}

.hero {
	position: relative;
}

.hero img {
	filter: brightness(50%);
}

.hero span {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	width: 100%;
}

.img-full {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
section.page {
	min-height: calc(100vh - 98px);
}
section.page.somos {
	height: calc(100vh - -120px);
}

#contact, #umbusolidario {
	scroll-margin-top: 120px;
	/*margin-bottom: 20vh;*/
}

#accordionservicos, #accordionservicos2 {
	padding-top: 10px;
}

.navbar-light .navbar-toggler {
	color: rgba(0, 0, 0, .5);
	/*border-color: rgba(0,0,0,.1);*/
	border: none;
}

.underlined li {
	list-style: none;
	border-bottom: #7E7E7E 1px solid;
	margin-top: 2rem;
	margin-bottom: 2rem;
	width: 50%;
}

.underlined li:hover {
	color: #F29100;
	padding-left: 2rem;
}

.artigos h2 {
	font-size: 7rem;
	margin-top: -2rem;
}

.pl-md-10 {
	padding-left: 5rem;
}

.umbusolidario h2 {
	font-size: 8rem;
}

@media (max-width: 1355px) {
	#garotaNoBalanco {
		width: 100%;
	}

	.contato label {
		font-size: 3rem;
		line-height: 3rem;
	}

	.titulo-us hr {
		width: 160px;
		margin-right: 10rem;
	}

	.umbusolidario h2 {
		font-size: 4rem;
	}
}

@media (max-width: 1000px) {
	.texto-conheca {
		max-width: 100% !important;
		flex: 100% !important;
	}
	#umbusolidarioSection {
		flex-direction: column-reverse;
		align-content: center;
	}

	#umbusolidarioSection > .col-md-6 {
		max-width: 80%;
	}
	
	.titulo-us hr {
		margin-right: 8rem;
	}

	#garotaNoBalanco {
		width: 60%;
		margin: 0 auto;
		display: flex;
	}
	.mediaContainerFirstVideo > .servico-css ,
	.mediaContainerSecondVideo > .servico-css,
	.mediaContainerThirdVideo > .servico-css  {
		max-width: 100%;
		height: auto;
	}
	.umbu {
		display: none;
	}
}

footer .social {
	background-color: #000;
	color: #fff;
}

footer .social h3 {
	margin: 2rem 0;
	color: #fff;
	font-size: 2rem;
}

footer .manifesto h3 {
	color: #fff;
	font-size: 3rem;
	margin: 2rem 0;
}

footer .social .comunicacao {
	color: #969696;
}

footer .social img {
	display: block;
	margin: 2rem 0;
}

footer .social a {
	color: #9b9b9b;
}

footer .social a:hover {
	color: #fff;
}

footer .manifesto {
	background-color: #333;
	color: #E8E8E8;
}

footer .manifesto h2 {
	color: #fff;
}
.brighter img:hover{
	filter: brightness(2);
}
#returnTopBtn{
	display:none;
	position: fixed;
	bottom:1rem;
	right:1rem;
	z-index: 99;
	box-shadow: 0px 2px 6px #00000080;

}
footer.footer .row{
	margin-left: 0;
	margin-right: 0;
}

@media (min-width: 1200px) {

	.artigos h2, .planos h2 {
		font-size: 10rem;
		margin-top: -2rem;
		line-height: 10rem;
		margin-bottom: 40px
	}

	.wpcf7-form.init {
		padding-top: 65px;
	}
}

@media (max-width: 768px) {
	h1.site-title {
		font-size: 3rem;
		line-height: 3.3rem;
	}

	h1.site-title img {
		height: 2.2rem;
	}

	section.projetos h2 {
		text-align: center;
		margin-left: initial;
		font-size: 4rem;
		margin-bottom: 2rem;
	}

	.pl-md-10 {
		padding-left: 0;
	}

	section.page {
		min-height: calc(100vh - 135px) !important; 
	}

	.contato label {
		font-size: 2.2rem;
		line-height: 2.2rem;
	}

	.artigos h2, .acordeao h2, .planos h2 {
		font-size: 3.5rem;
		margin-top: 0rem;
	}

	.underlined li {
		width: 100%;
	}

	.underlined ul {
		padding-inline-start: 0;
	}

	section.projetos,
	section.transition {
		padding: 0;
		/*margin-left: -15px;
		margin-right: -15px;*/
	}

	section.projetos {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}

	.umbusolidario h2 {
		font-size: 3rem;
	}

	#umbusolidarioSection {
		flex-direction: column;
		align-content: center;
	}

	#garotaNoBalanco {
		width: 100%;
	}
}

.btn-success {
	background-color: #62b12f;
}

/*JACKSON*/

.texto-somos {
	border: 1px solid #707070;
	background-color: #62b12f;
	margin-bottom: 30px;
}

.texto-somos h6 {
	color: #fff;
	padding: 5px 20px 0px;
}

.acordeao .accordion {
	width: 100%;
}

.acordeao .card-header .accordion-button:not(.collapsed), .acordeao .card-body:not(.collapsed) {
	background-color: #000000;
	border-bottom: 1px solid #000000;
	color: #a2d165;
	padding: 20px 45px;
	border-radius: 0px;
}

.acordeao-servicos .card-header .accordion-button:not(.collapsed), .acordeao-servicos .card-body:not(.collapsed) {
	background-color: white !important;
	color: #a2d165 !important;
	border-bottom: none !important;
}

.acordeao-servicos p {
	color: #707070 !important;
}


.acordeao .card-header {
	padding: 0rem;
}

.acordeao .accordion .btn-link {
	color: #000;
	padding: 15px 45px;
	background-color: #ebebeb;
}

.acordeao .accordion>.card {
	overflow: inherit;

}

img.img-fluid.servico-css,
video.img-fluid.servico-css,
.servico-css {
	margin-top: -150px;
}

.acordeao .card-body {
	padding: 0rem 4rem 2rem 4rem
}

/*botao after acordeao*/
.accordion-button:not(.collapsed)::after {
	content: url(/wp-content/uploads/2023/02/umbudigital-setas-cima.png);
	background-color: #62b12f;
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 5px;
	z-index: 1;
}

.accordion-button::after {
	content: url(/wp-content/uploads/2023/02/umbudigital-setas-baixo.png);
	position: absolute;
	right: 0px;
	bottom: 0px;
	background: black;
	padding: 5px;
}

.acordeao p {
	color: #fff;
}

@media (max-width: 768px) {
	img.img-fluid.servico-css,
	video.img-fluid.servico-css,
	.servico-css {
		margin-top: 0px;
	}

	section#accordionquem {
		margin-bottom: 30px;
		margin-top: 50%;
	}

	.mediaContainerFirstVideo > .servico-css ,
	.mediaContainerSecondVideo > .servico-css ,
	.mediaContainerThirdVideo > .servico-css ,{
		max-width: 100%;
		height: auto;
	}

}

.mt-2 {
	margin-top: 2rem !important;
}

/* Página de Projetos */
.post-type-archive-projetos h1 {
	font-size: 100px;
	margin-bottom: 30px;
}

a.titulo-projeto {
	display: block;
	background-color: #000;
	width: 100%;
}

a.titulo-projeto h3 {
	color: #fff;
	font-size: 22px;
	padding: 5px 15px 0px;
}
a.titulos-projetos {
	width: 100%;
}

a.titulos-projetos h3 {
	font-size: 30px;
	color: #fff;
}

.post-type-archive-projetos a.descritivo {
	color: #fff;
}

.d-flex {
	display: flex;
}

/* Página de Projetos */
@media (max-width: 768px) {
	.post-type-archive-projetos h1 {
		font-size: 60px;
		margin-bottom: 30px;
	}
}

@media (max-width: 800px) {
	section.page:not(#home) {
		min-height: 100vh !important;
		margin-bottom: 0px;
		height: 100vh !important;
	}
	#home {
		height: calc(100vh - 100px) !important;
	}
	.footer {
		padding: 0px;
	}
	.container.h-100.d-flex.align-items-end.flex-column.topmob {
		height: auto !important;
	}
}

@media (max-width: 632px) {
	#page {
		max-width: 100vw;
		overflow-x: hidden;
	}
	
	section.page {
		height: auto;
	}
}
/* FIM Página de Projetos */

section#umbusolidario {
	height: auto;
	padding-top: 30px;
	margin-top: 30px;
}

/* section Planos */
.card-planos h3 {
	font-size: 22px;
	font-family: Verdana-Bold;
}
h6.taxado {
	font-family: 'Verdana-regular', 'Verdana';
	text-decoration: line-through;
	text-align: center;
}
h4.valor-planos {
	font-family: 'Abril Fatface', cursive;
	color: #F29100;
	font-size: 5rem;
	text-align: center;
}
span.centarrus {
	font-size: 3rem;
}
ul.lista-planos li {
	line-height: 2rem;
}
li.verificado {
	list-style-image: url('/wp-content/uploads/2023/11/umbudigital-verifica.png');
}
li.excluido {
	list-style-image: url('/wp-content/uploads/2023/11/umbu-digital-excluido.png');
	text-decoration: line-through;
}
section#planos {
	height: auto;
	padding-top: 30px;
	margin-top: 30px;
}
.divisao-lateral {
	border-right: 1px solid;
}
/* FIM section Planos */
/* MENU */
header#masthead {
	position: fixed;
	width: 100%;
	z-index: 3;
	border-bottom: 1px solid #e2e2e2;
}
.topmob {
	padding-top: 150px;
}
@media (max-width: 768px) {
	header#masthead {
		position: sticky;
	}
}
@media (max-width: 920px) {
	h1.site-title {
		/*min-height: 150px;*/
	}
}


div#navbarSupportedContent {
	width: 100vw;
	height: 100vh;
	background-color: #070D1D;
	position: absolute;
	align-self: baseline;
	text-align: center;
	left: 0;
	top: 0;
	z-index: 1;
    /*display: flex;
    justify-content: center;*/
  }

  @media (max-width: 991.98px) {
	div#navbarSupportedContent {
		display: block;
		transform: translateX(-100%);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: transform 0.7s ease, opacity 0.7s ease, visibility 0s linear 0.7s;
	}

	div#navbarSupportedContent.menu-open {
		transform: translateX(0);
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transition: transform 0.7s ease, opacity 0.7s ease;
	}

	body.menu-opened {
		overflow: hidden;
	}
  }

  .site-header button.navbar-toggler {
  	z-index: 2;
  }

  div#navbarSupportedContent li.menu-item {
  	font-family: 'Abril Fatface', cursive;
  	font-size: 50px;
  	color: #fff;
  }
  .navbar-light div#navbarSupportedContent .navbar-nav .nav-link {
  	color: #ffffff;
  }

  ul#menu-menu-1 {
  	padding-top: 100px;
  }

  .bgx {
  	background-image: url(/wp-content/themes/_umbudigital/assets/icon/fechar-menu.png) !important;
  	background-size: cover;
  	height: 50px;
  	width: 50px;
  	background-position: center;
  	background-repeat: no-repeat;
  }
  .umbujackbgx {
  	background-image: url(/wp-content/themes/_umbudigital/assets/icon/menu-hamburguer.png);
  	background-size: cover;
  	height: 50px;
  	width: 50px;
  	background-position: center;
  	background-repeat: no-repeat;
  }

  hr {
  	margin-top: 2rem;
  	margin-bottom: 2rem;
  	width: 100px;
  	border-top: 10px solid rgb(98 177 47);
  }

/*button.navbar-toggler {
	background-image: url(/wp-content/themes/_umbudigital/assets/icon/menu-hamburguer.png);
    background-size: cover;
    height: 50px;
    width: 50px;
    background-position: center;
    background-repeat: no-repeat;
}
button.navbar-toggler.collapsed{
	background-image: url(/wp-content/themes/_umbudigital/assets/icon/fechar-menu.png);
	
}
button.navbar-toggler {
	background-image: url(/wp-content/themes/_umbudigital/assets/icon/menu-hamburguer.png);
}*/

/* FIM MENU */

/*LINHA TITULOS DA HOME*/
.titulo-us, .titulo-projeto, .titulo-artigo {
	margin-bottom: 30px;
}
.titulo-us hr, .titulo-artigo hr, .titulo-projeto hr {
	border-top: 2px solid #A2D165;
	margin-bottom: 2rem;
}
.titulo-us hr {
	margin-top: -1rem;
	width: 230px;
	float: right;
}
.titulo-artigo hr {
	margin-top: -2rem;
	width: 230px;
	margin-right: 50px;
}
.titulo-projeto hr {
	margin-top: 1.5rem;
	width: 230px;
	margin-left: 170px;
}
@media (max-width: 991px) {
	.titulo-projeto hr {
		margin: -30px auto 0px;
	}
	.titulo-artigo hr {
		margin-top: -1rem;
		width: 200px;
		margin-left: 0px;
	}
	.titulo-us hr {
		float: none;
		margin-left: 0px;
	}
	.divisao-lateral {
		border: none;
	}
}
/*FIM LINHA TITULOS DA HOME*/

/* SINGLE POSTS */
article.post {
	padding-top: 150px;
}
.img-principal-post .post-thumbnail img {
	height: auto;
	max-width: 100%;
	margin: 30px 0px;
}
.navegacao-posts .nav-links {
	display: flex;
	justify-content: space-between;
	margin: 30px 0px;
	font-weight: 600;
}
span.cat-links {
	margin-right: 10px;
}

@media (max-width: 991px) {
	article.post {
		padding-top: 30px;
	}
	.lista-planos {
		display: flex;
		flex-direction: column;
	}

	.center-justified {
		margin: 0 auto;
		width: 75%;
	}

	.card-planos > h3 {
		text-align: center;
	}

	#planos > div:nth-child(1) > div:nth-child(2) {
		flex-direction: column;
	}
}

/* FIM SINGLE POSTS */

/* SINGLE PROJETOS */
@media (min-width: 1200px) {
	.single-projetos main#primary {
		padding-top: 250px;
	}
}
.single-projetos .entry-content.container {
	padding-top: 30px;
}
/* FIM SINGLE PROJETOS */

/*FIM ARQUIVO*/
#umbusolidarioSection {
	padding-bottom: 50px;
}

.lateral-padding {
	padding-left: 15px;
	padding-right: 15px;
}

#umbusolidarioSection {
	margin-top: 25px;
}

.form-group.row.align-items-end.no-gutters.my-5 {
	margin-top: 0rem;
}

.my-5 {
    margin-top: 0rem !important;
}