/*
Theme Name: Divi Child Theme
Template: Divi
*/

/* =Theme customization starts here
-------------------------------------------------------------- */

#home-recent-posts .et_pb_post {
	margin-bottom: 25px;
}

#footer-recent-posts .et_pb_post {
	margin-bottom: 0 !important;
}

#divi-sticky-header {
	top: 0;
	width: 100%;
	z-index: 99 !important;
}

.woocommerce ul.products li.product .price .from {
	color: #0288c5;
}

.woocommerce-cart .woocommerce {
	padding-bottom: 60px;
}

#taxPrepForm {
	margin-top: 0;
}

#taxPrepForm input {
    font-size: 16px;
}

#taxPrepForm input[type=number] {
	width:50px;
}

#taxPrepForm #taxPrepSubmit {
	font-size: 16px;
	border-color: #003461;
	color: #003461;
	border-radius: 0px;
	font-weight: bold;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	font-family: "Lora", Georgia, "Times New Roman", serif;
	display: inline-block;
	margin: 30px 0;
	cursor: pointer;
	padding: 0.3em 1em;
}

.taxPrepFormCenter {
	justify-content: flex-end;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	margin-top: 25px;
}

.taxPrepFormCenter .taxPrepFormCost {
	font-size: 22px;
}

#taxPrepForm #taxPrepSubmit:hover:enabled {
	background-color: #003461;
	color: #fff;
}

#taxPrepForm #taxPrepSubmit:disabled {
	border-color: #ccc;
	color: #ccc;
	cursor: not-allowed;
}

.taxPrepFormArea {
	display: flex;
	flex-wrap: wrap;
}

.taxPrepFormNested {
	flex: 1 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 15px;
}

.taxPrepFormBoxed:nth-child(even) {
	background: #e9e9e9;
}

.taxPrepFormCustomer {
	flex: 1 100%;
	padding-right: 25px;
	margin-top: 20px;
}

.taxPrepFormCustomer input {
	width: 100%;
}

.taxPrepFormSection,
.taxPrepFormMain {
	flex: 0 23%;
	padding: 0 8px;
}

.taxPrepFormSubmit .taxPrepFormSection {
	font-size: 18px;
}

.taxPrepFormSection:nth-child(4),
.taxPrepFormMain:nth-child(4) {
	text-align: right;
	flex: 0 8%;
}

.taxPrepFormSection:nth-child(3),
.taxPrepFormMain:nth-child(3) {
	flex: 1 20%;
}

.taxPrepFormSection:nth-child(2),
.taxPrepFormMain:nth-child(2) {
	flex: 1 40%;
}

.taxPrepFormArea .taxPrepFormSection .inc.button,
.taxPrepFormArea .taxPrepFormSection .dec.button {
	display: block;
	padding: 0.3em 0.2em;
	margin: 0.3em;
	border-radius: 2em;
	box-sizing: border-box;
	text-decoration: none;
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	color: #ffffff;
	background-color: #003461;
	text-align: center;
	transition: all 0.2s;
	cursor: pointer;
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
	height: 35px;
    width: 35px;
}

.taxPrepFormArea .taxPrepFormSection .inc.button:hover,
.taxPrepFormArea .taxPrepFormSection .dec.button:hover {
	background-color: #0088C5;
}

.composite_form .step_title_wrapper {
	margin-bottom: 0 !important;
}

/* /////////////////////////////////////////////
// XS devices landscape (480px and up) //////
///////////////////////////////////////////// */
@media screen and (min-width:480px) {

}

/* /////////////////////////////////////////////////
// Small devices (desktops, 768px and up) ///////
///////////////////////////////////////////////// */
@media screen and (min-width:768px) {
	.taxPrepFormCustomer {
		flex: 1 45%;
	}

	.taxPrepFormSection, .taxPrepFormMain {
		flex: 1 30%;
	}

	.taxPrepFormSection:nth-child(4),
	.taxPrepFormMain:nth-child(4) {
		flex: 1 10%;
	}

	#taxPrepForm {
		margin-top: 30px;
	}

	.taxPrepFormArea .taxPrepFormSection .inc.button, .taxPrepFormArea .taxPrepFormSection .dec.button {
		display: inline-block;
	}
}

/* /////////////////////////////////////////////////
// Medium devices (desktops, 992px and up) //////
///////////////////////////////////////////////// */
@media screen and (min-width: 992px) {
	
}

/* ///////////////////////////////////////////////////////
// Large devices (large desktops, 1200px and up) //////
/////////////////////////////////////////////////////// */
@media screen and (min-width: 1200px) {
	.taxPrepFormCustomer {
		flex: 1;
		padding-right: 15px;
		margin-top: 0;
	}
}