/*
 Theme Name: Divi Child
 Descrciption: Divi Custom Child Theme
 Author: Peralta Design
 Template: Divi
*/ 


#_barChart, #_lineChart {height: 350px;}

.hidden {visibility:hidden;}
#calculator_submit {cursor: pointer;}

.calc-title {
	font-weight: 700;
    font-size: 23px;
    color: #490e4b!important;
	font-family: 'Trebuchet','Trebuchet MS',Helvetica,Arial,Lucida,sans-serif;
}

h2.calc-title {
	font-weight: 500;
    font-size: 32px;
	font-family: 'Trebuchet','Trebuchet MS',Helvetica,Arial,Lucida,sans-serif;
	line-height: 1.2em;
}

#calculator_age, #calculator_salary, #calculator_commissions, #calculator_bonuses {
	background: #f7f7f7;
    border: 1px solid #c4c4c4;
    border-radius: 0;
    box-shadow: none;
    color: #787878;
	height: 35px;
	font-size: 16px;
    margin: 0;
    padding: 6px;
	width: 100%;
    transition: all .5s;
	margin-bottom:1em;
	border: 1px solid #c4c4c4;
}

#calculator_age:focus, #calculator_salary:focus, #calculator_commissions:focus, #calculator_bonuses:focus {
	background: #fff;
}

#calculator_submit {
	background-color: #000000;
    width: 100%;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
	height: 35px;
	padding: 6px;
	color: #FFF;
	border: none;
}


.nf-form-fields-required {
	display: none;
}

.nf-form-content .nf-field-container {
	margin-bottom: 16px;
}

.nf-form-wrap .nf-form-content input[type=button] {
	background-color: #000000;
	width: 100%;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 20px;
}

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

@media only screen and (max-width: 980px) {	
	.et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_button_two {
		margin-left: 0;
	}
	.et_pb_fullwidth_header .et_pb_fullwidth_header_container .header-content a.et_pb_button {
		min-width: 280px;
		text-align: center;
	}	
}
 
/* @media only screen and (max-width: 479px) {
    .three-columns .et_pb_column {
    width: 50%!important;
}
} */


@media only screen and (min-width: 1500px) {

}

@media only screen and (max-width: 1500px) {

}

@media only screen and (min-width: 981px) and (max-width: 1272px) {

}

@media only screen and (min-width: 981px) {

} 

@media only screen and (max-width: 980px) {
	/*** wrap row in a flex box ***/
	.custom_row {
	  display: -webkit-box;
	  display: -moz-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	-webkit-flex-wrap: wrap; /* Safari 6.1+ */
	flex-wrap: wrap;
	}
	 
	/*** custom classes that will designate the order of columns in the flex box row ***/
	.first-on-mobile {
	-webkit-order: 1;
	order: 1;
	}
	 
	.second-on-mobile {
	-webkit-order: 2;
	order: 2;
	}
	 
	.third-on-mobile {
	-webkit-order: 3;
	order: 3;
	}
	 
	.fourth-on-mobile {
	-webkit-order: 4;
	order: 4;
	}
	/*** add margin to last column ***/
	/*.custom_row:last-child .et_pb_column:last-child {
	margin-bottom: 30px;*/
}

/* IPAD HORIZONTAL */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

}

@media only screen and (min-width: 768px) and (max-width: 980px) {

}

@media only screen and (min-width: 981px) and (max-width: 1046px) {

}

/* IPHONE LANDSCAPE */
@media only screen and (min-width:568px) and (max-width: 980px) { 

}

@media only screen and (max-width: 767px) {
	#_barChart, #_lineChart {height: 500px !important;}
}

@media only screen and (max-width: 480px) {

}