/*
 Theme Name: Divi Child Theme
 Template: Divi
*/
 
@import url("../Divi/style.css");

.container-insta {
	display: inline-flex;
	align-items: center;
}

.container-insta p {
	font-size: 16px !important;
    font-weight: 600;
    line-height: 1em;
    margin-right: 8px;
}

.container-insta a {
	line-height: 0;
}

.container-insta img {
	background-color: #fff; 
	border: 2px solid #fff; 
	border-radius: 5px;
	width: 40px;
} 

/* Menu */
#top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {
    margin-top: 20px;
    margin-right: -10px;
}

header#main-header {
    position: absolute !important;
}

#et_mobile_nav_menu {
    float: none;
    text-align: center;
}

.container.et_menu_container {
    z-index: 99;
    max-width: 100%;
    width: 100%;
}

.et_header_style_left .logo_container {
    position: relative;
    width: 80%;
    height: 100%;
    max-width: 1080px !important;
    margin: 0 auto;
}

.logo_container {
    max-width: 80% !important;
    width: 80%;
    margin: 0 20%;
}

div#et-top-navigation {
    width: 100%;
    padding: 0 !important;
}

nav#top-menu-nav {
    margin-top: 10px;
    background: #251C5B;
}

nav#top-menu-nav, #top-menu, nav.fullwidth-menu-nav, .fullwidth-menu {
    float: none;
    text-align: center;
}

.et_header_style_left #et-top-navigation nav > ul > li > a, .et_header_style_split #et-top-navigation nav > ul > li > a {
    padding: 20px 10px !important;
}

#logo {
    max-height: 100%;
    float: left;
}

div#telefone {
    text-align: right;
    color: #211a5d;
    font-size: 24px;
    line-height: 1.2;
    margin: 20px 0 10px !important;
    float: right;
}

div#telefone span {
    font-size: 18px;
    color: #e25c1a;
}

/*Empresa*/
div#imagem-empresa {
    margin-top: -90px;
    margin-bottom: -20px;
}

a#botao-saiba-mais:hover {
    padding: 1% 25% !important;
}
a#botao-saiba-mais {
    padding: 1% 25%;
}

/* Serviços */
div#imagem-servico {
    margin-bottom: -100px;
}

a#botao-servicos:hover {
    padding: 1% 6% 1% 40% !important;
}

a#botao-servicos {
    padding: 1% 2% 1% 40%;
}

/* FOrmulário */
input[type=text], input[type=password], input[type=tel], input[type=email], input.text, input.title, textarea, select {
    width: 100%;
}

.formulario-contato input.text, 
.formulario-contato input.title, 
.formulario-contato input[type=email], 
.formulario-contato input[type=password], 
.formulario-contato input[type=tel], 
.formulario-contato input[type=text], 
.formulario-contato input[type=number], 
.formulario-contato select, 
.formulario-contato textarea {
    background-color: #fff;
    border: 1px solid #bbb;
    padding: 12px;
    color: #4e4e4e;
    width: 100%;
	border-radius: 3px !important;
}

.formulario-contato input::placeholder,
.formulario-contato textarea::placeholder {
    color: #22255c;
    font-weight: 600 !important;
    font-size: 14px !important;
}

input.wpcf7-form-control.wpcf7-submit {
   background-color: #e25c1a !important;
    padding: 11px 32px;
    font-weight: bold;
	color: #fff !important;
	cursor: pointer !important;
	    padding: 10px 20px !important;
    font-size: 18px;
    border: 0;
}

/* Rodapé geral */
#main-footer {
	margin-top: -2%;
}

#footer-info {
   float: none;
   text-align: center;
}

div#text-3 {
    background: #312b70;
    padding: 18% 9%;
}

div#text-4 {
    background: #312b70;
    padding: 5%;
}

div#text-5 {
    background: #F1FAEE;
    padding: 20% 10%;
}

@media all and (min-width: 981px) {
	#logo {
		    position: relative;
    transform: translateY(28%) !important;
	}
}

@media all and (max-width: 980px) {
	.et_mobile_menu {
		border-top: 3px solid #212121 !important;
		background: #333 !important;		
	}
	
	.et_mobile_menu li a {
		text-align: center;
	}
	
	.mobile_menu_bar:before {
		color: #aaa;
	}

	div#imagem-empresa {
    		margin-top: 0px;
    		margin-bottom: -20px;
	}

	div#imagem-servico {
    		margin-bottom: 0;
	}

	a#botao-servicos, a#botao-servicos:hover {
    		padding: 1% 17% !important;
	}
}

@media all and (max-width: 767px) {
	div#text-3, div#text-4, div#text-5 {
		width: 100%;
		text-align: center;
		padding: 9%;
	}

	div#footer-widgets {
    		font-size: 20px;
    		line-height: 1.2;
	}
}

@media all and (max-width: 600px) {
	.et_header_style_left #logo, .et_header_style_split #logo {
    		max-width: 90% !important;
	}

	.logo_container {
    		max-width: 100% !important;
    		margin: 0 !important;
	}

	.et_header_style_left .logo_container {
    		width: 100% !important;
    		text-align: center !important;
    		float: none !important;
	}

	#logo {
  		max-height: 100% !important;
    		float: none !important;
	}

	div#telefone {
    		width: 100%;
    		float: none;
		text-align: center;
	}

	header#main-header {
    		height: 300px;
	}

	.et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar {
    		padding-bottom: 0;
    		padding-top: 40px;
	}

	div#imagem-servico {
    		display: none;
	}
}