/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Geral */
*:focus {
    outline: none !important;
}

/* Título seção newsletter */
.title-bold h2 b {
	font-weight: 700;
}

/* Formulários */
form::focus {
	outline: none;
}

form.newsletter {
	border: none;
    border-radius: 0;
    background: none;
    box-shadow: none;
    backdrop-filter: none;
    padding: 0;
}

form.newsletter .d-flex {
	display: flex;
    gap: 30px;
    align-items: center;
	margin-bottom: 15px;
}

form.newsletter .d-flex p {
	margin: 0px;
	display: flex;
    align-items: center;
}

form.faleConosco,
form.trabalheConosco {
	border-radius: 45px;
	border: 1px solid #5BC8BA;
	background: rgba(164, 164, 164, 0.20);
	box-shadow: 0px 4px 40.6px 13px rgba(0, 0, 0, 0.20);
	backdrop-filter: blur(9px);
	padding: 53px 60px 48px 60px;
}

form.faleConosco > p,
form.trabalheConosco > p{
	margin-bottom: 20px;
}

form.faleConosco label,
form.trabalheConosco label{
	color: #FFF;
    font-family: Urbanist;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}

form.newsletter label{
	color: #FFF;
    font-family: Urbanist;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

form.faleConosco label span input,
form.trabalheConosco label span input,
form.newsletter label span input,
form.trabalheConosco textarea {
	margin-top: 5px;
	border-radius: 5px;
    background: rgba(255, 255, 255, 0.15);
    border: none;
	color: #fff;
}

form.newsletter label span input {
	padding: 10px 18px;
	font-size: 18px !important;
}

form.newsletter input::placeholder {
	color: #fff;
}

form.faleConosco span.wpcf7-acceptance label input,
form.trabalheConosco span.wpcf7-acceptance label input {
	width: 20px;
    height: 20px;
}

form.faleConosco span.wpcf7-acceptance span.wpcf7-list-item-label,
form.trabalheConosco span.wpcf7-acceptance span.wpcf7-list-item-label {
	font-size: 16px;
    font-weight: 500;
    line-height: 18px;
	max-width: 420px;
}

form.newsletter span.wpcf7-acceptance span.wpcf7-list-item-label {
	font-size: 14px;
    font-weight: 500;
    line-height: 16px;
	max-width: 100%;
	margin-left: 7px;
}

form.newsletter span.wpcf7-acceptance span.wpcf7-list-item {
	margin: 0;
}

form.faleConosco input.wpcf7-submit,
form.trabalheConosco input.wpcf7-submit,
form.newsletter input.wpcf7-submit{
	border-radius: 7px;
    background: #5BC8BA;
    box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.15);
    color: #1E2F39;
    text-align: center;
    font-family: Urbanist;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    width: 100%;
    border: none;
    transition: .3s;
    margin: 23px auto 0 auto;
}

form.newsletter input.wpcf7-submit {
	font-size: 20px;
    padding: 12px 30px;
    color: #fff;
    box-shadow: none;
}

form.faleConosco span span label,
form.trabalheConosco span span label{
	display: flex;
    gap: 17px;
	align-items: center;
}

form.faleConosco input.wpcf7-submit:hover,
form.trabalheConosco input.wpcf7-submit:hover {
	background: #1E2F39;
	color: #fff;
}

form.newsletter input.wpcf7-submit:hover {
	background: #1e2f39;
}

form.faleConosco .wpcf7-not-valid-tip,
form.trabalheConosco .wpcf7-not-valid-tip,
form.newsletter .wpcf7-not-valid-tip {
    font-size: 15px;
    margin: 4px 0 -10px 2px;
    line-height: 105%;
}

form.faleConosco .wpcf7-file,
form.trabalheConosco .wpcf7-file{
	    color: #fff;
    font-size: 20px !important;
}

form.trabalheConosco {
	border-radius: 45px;
	background: rgba(34, 73, 100, 0.50);
	box-shadow: 0px 4px 40.6px 13px rgba(0, 0, 0, 0.15);
	backdrop-filter: blur(9px);
}

.wpcf7-response-output {
	display: none !important;
}

.footer .ha-navigation-menu-wrapper ul.menu {
	display: flex;
	flex-direction: column;
	gap: 11px;
    }

.footer ul.menu > li.active > a {
    color: #fff !important;
}

.footer ul.menu > li > a:hover {
    color: #5BC8BA !important;
}

.header .openMenu {
	transition: .3s;
	cursor: pointer;
}

.header .openMenu:hover {
	transform: rotate(45deg);
}

   .headerMenu {
     opacity: 0;
	   transition: .3s;
	   pointer-events:none;
 }

.headerMenu .closeMenu {
	transform: rotate(45deg);
	transition: .3s;
	cursor: pointer;
}

.headerMenu.menuActive .closeMenu {
	transform: rotate(0) scale(1.17);
}
 
  .headerMenu.menuActive {
     opacity: 1;
	  transition: .3s;
	  pointer-events: auto;
 }

@media (max-width: 1024px) {
	/* Formulários */
	form.faleConosco,
	form.trabalheConosco {
		padding: 40px 20px 30px 20px;
	}
	
	form.faleConosco label,
	form.trabalheConosco label{
		width: 100%;
	}
	
	.footer .ha-navigation-menu-wrapper ul.menu,
	.headerMenu ul {
		text-align: center ;
		justify-content: center;
	}
	
	.headerMenu ul li a span {
		color: #fff;
	}
	
	 .header ul {
     display: flex;
     flex-direction: column;
     gap: 40px;
	     text-align: center;
    justify-content: center;
    }
}


@media (max-width: 767px) {
	/* Formulários */
	form.faleConosco,
	form.trabalheConosco {
		padding: 40px 20px 30px 20px;
	}
	
	form.faleConosco .wpcf7-file,
	form.trabalheConosco .wpcf7-file {
	    color: #fff;
    	font-size: 15px !important;
	}
	
	form.newsletter .d-flex {
		flex-direction: column;
    	gap: 15px;
	}
	
	form.newsletter .d-flex p:nth-child(3) {
		display: flex;
		align-items:center;
		flex-direction: column;
		gap: 5px;
	}
	
	form.newsletter .d-flex p,
	form.newsletter .d-flex p label {
		width: 100%;
	}
	
	.footer .ha-navigation-burger-menu ul.menu,
	.headerMenu .ha-navigation-burger-menu ul.menu{
        position: static;
        display: block;
		margin: 0;
        width: auto;
        height: auto;
        background: transparent;
        text-align: center;
    }
	
	.footer .ha-navigation-burger-menu ul.menu li,
	.headerMenu .ha-navigation-burger-menu ul.menu li{
		border: none !important;
		margin-bottom: 8px !important
	}
	
	.footer .ha-navigation-burger-menu ul.menu li a {
		color: #fff;
	}
	
	.footer .ha-nav-humberger-wrapper,
	.headerMenu .ha-nav-humberger-wrapper{
		display: none !important;
	}
	
}

@media (max-width: 376px) {
	form.faleConosco .wpcf7-file,
		form.trabalheConosco .wpcf7-file{
		font-size: 3.3vw !important;
	}
}

.itemMenuActive {
	background: red;
}