/*
Theme Name: Sydney Child
Theme URI: http://athemes.com/theme/sydney
Author: aThemes
Author URI: http://athemes.com
Template: sydney
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sydney
*/

/* Página de Login */

.login h1 a {
background-image: url('https://firstenergy.eco.br/site/wp-content/uploads/2020/03/first-icone.png');
background-size: 100px 100px;
width: 100px;
height: 100px;
}

body.login {
background: #fff;
}

.wp-core-ui .button-primary {
    border-color: #FA3200;
    background: #FA3200;
}

.wp-core-ui .button-primary:hover{
    border-color: #b12705 !important;
    background: #b12705 !important;
}

input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus {
    border-color: #FA3200;
    box-shadow: 0 0 0 1px #FA3200;
    outline: 2px solid transparent;
	-webkit-border-radius: 5x !important;
	 -moz-border-radius: 5px !important;
	   -o-border-radius: 5px !important;
	    border-radius: 5px !important;
}

.dashicons, .dashicons-before:before {
    color: #FA3200;
    border-color: #FA3200;
}

.login #login_error, .login .message, .login .success {
    border-left: 4px solid #FA3200;
}

/* FORMULÁRIOS DE CONTATO */

.wpcf7-not-valid-tip {
    color: #fff;
    font-size: 0.8em;
    font-weight: normal;
    padding: 5px;
    margin-bottom: -15px;
    display: block;
    background-color: rgb(250 50 0 / 73%);
}

.form-banner-50 input, .form-banner-50 select, .form-banner-50 label {
	max-height: 35px;
	margin-bottom: 5px;
	width: 100%;
	font-weight: normal;
    border-radius: 5px !important;
}

.form-banner-50 input[type=file] {
   border-radius: 5px;	
   color: #fff;
}


.form-banner-50 input {
	padding: 5px 5px 5px 10px !important;
}
.form-banner-50 select {
	padding: 5px !important;
	color: #cdcdcd;
}

.btn-first-verde {
	border: solid 0px;
    font-size: 13px;
    line-height: 1;
    font-family: "Roboto", Sans-serif;
    font-weight: 600;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #00BA00;
    border-radius: 0px 0px 0px 0px;
    padding: 18px 30px 18px 30px;
}
.btn-first-verde :hover {
	fill: #00BA00;
    color: #00BA00;
    background-color: #FFFFFF;
}

.btn-first-verde input[type=submit] {
	border: solid 0px;
    font-size: 13px;
    line-height: 1;
    font-family: "Roboto", Sans-serif;
    font-weight: 600;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #00BA00;
    border-radius: 0px 0px 0px 0px;
    padding: 18px 30px 18px 30px;
}
.btn-first-verde input[type=submit]:hover {
	fill: #00BA00;
    color: #00BA00;
    background-color: #FFFFFF;
}

.btn-first-form input[type=submit] {
    border: solid 0px;
    font-size: 13px;
    line-height: 1;
    font-family: "Roboto", Sans-serif;
    font-weight: 600;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #FA3200;
    border-radius: 0px 0px 0px 0px;
    padding: 18px 30px 18px 30px;
}

.btn-first-form {
    border: solid 0px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-family: "Roboto", Sans-serif !important;
    font-weight: 600 !important;
    fill: #FFFFFF !important;
    color: #FFFFFF !important;
    background-color: #FA3200 !important;
    border-radius: 0px 0px 0px 0px !important;
    padding: 18px 30px 18px 30px !important;
	border: none;
}

.btn-first-form:hover{
   	color: #FA3200 !important;
	border-color: #FA3200 !important;
    background-color: #fff !important;
}

.btn-first-form:hover input[type=submit] {
   	color: #FA3200;
	border-color: #FA3200;
    background-color: #fff;
}

.btn-first-form-2 input[type=submit] {
    margin-bottom: 0;
    font-weight: bold;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    border: none;
    background-color: #FA3200;
    padding: 6px 30px;
    font-size: 1em;
    line-height: 1.42857143;
   -webkit-border-radius: 0px;
	 -moz-border-radius: 0px;
	   -o-border-radius: 0px;
	    border-radius: 0px;
}

.btn-first-form-2:hover input[type=submit] {
    border: solid 2px;
    border-color: #FA3200;
    background-color: #fff;
    color: #FA3200;
	-webkit-border-radius: 0px;
	 -moz-border-radius: 0px;
	   -o-border-radius: 0px;
	    border-radius: 0px;
}

/*--- form 2 colunas ---*/
.esquerda {
width: 50%;
float: left;
padding-right: 5px;
}

.esquerda input, .esquerda select, .esquerda text-area {
	width: 100%;
} 

.direita {
width: 50%;
float: left;
}

.direita input, .direita select, .direita text-area {
	width: 100%;
	padding-right: 10px;
} 

.clearfix:after {
content:"\0020";
display:block;
height:0;
clear:both;
visibility:hidden;
overflow:hidden;
margin-bottom:30px;
}

.clearfix {
display:block;
}
/*--- form 2 colunas fim ---*/

/* Configurando o comportamento dos campos no mobile */
@media only screen and (max-width: 767px) {
  .esquerda {
    width: 100%;
    padding-right: 0;
  }
 .direita {
    width: 100%;
    padding-left: 0;
  }
}

.total {
  width: 100%;
  margin-bottom: 20px;
}

.total input {
  width: 100%;
}

.total textarea {
  width: 100%;
}

.form-manutencao input[type="text"], .form-manutencao input[type="email"], .form-manutencao input[type="tel"], .form-manutencao select {
    height: 40px;
    margin-top: 5px;
    padding: 4px 10px;
    max-width: 100%;
    min-width: 100%;
	border-radius: 5px !important;
}

/* FORMULÁRIO CALCULADORA SOLAR */

iframe.calculadora-solar-first {
width:100%;
min-height:550px;
border-style:none;
}

iframe.simulator-v3__header h1, iframe.simulator-v3__header .h2, iframe.simulator-v3__header, iframe.simulator-v3__header h1+p {
    font-family: "Raleway", sans-serif !important;
}

iframe.imulator-v3__header h1+p {
    font-family: "Raleway", sans-serif !important;
}

@media(max-width:768px) { iframe.calculadora-solar-first {
    min-height:1200px;
}
}
/* COR LETRAS RODAPÉ E TAMANHO ICONE SOCIAL MEDIA */
.widget-area, .widget-area a {
    color: #ffffff;
}

/* PORTFÓLIO NOVO COM ARTIGOS DE BLOG */

.blog-portfolio-first {
    display: block;
    font-size: 0.8em;
}

.icone-portfolio-first {
    color: #FA3200;
    font-size: 0.8em;
}

.div-icone-portfolio-first {
    width:16px;
    display:inline-block;
    margin-right: 5px;
    text-align: center;
}

/* CONFIGURAÇÃO DO BOTÃO go-top */
.go-top {
    color: #fff;
    background-color: #fa3200;
    max-width: 30px;
    max-height: 30px;
}