.calculator-hero {
	display: block;
	max-width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.calculator-intro {
	font-size: 16px;
	margin-bottom: 40px;
}

.calculator-resources {
	margin-bottom: 20px;
	border-top: 4px solid #cececf;
	padding-top: 20px;
}

/* Calc Block */
.calc {
	width: 100%;
	margin-bottom: 10px;
	border-collapse: collapse;
}

.calc--stack {
	margin-top: 20px;
	margin-bottom: 20px;
}

.calc__heading {
	position: relative;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	padding: 10px 6px;
	color: #fff;
	background-color: #073f60;
	font-size: 18px;
	font-weight: 400;
	text-align: left;
	line-height: 1;
	cursor: pointer;
}

.calc__heading::after {
	display: inline-block;
	position: absolute;
	right: 15px;
	top: 50%;
	-ms-transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);
			transform: translate(0, -50%);
	content: "\002D";
	font-size: 36px;
}

.calc__heading--closed::after {
	content: "\002B";
	font-size: 22px;
}

.calc__label-d,
.calc__input-d,
.calc__input {
	font-size: 13px;
	font-weight: 400;
}

.calc__label-d,
.calc__input-d {
	display: block;
	border: 1px solid #eee;
	padding: 4px 6px;
	border: 1px solid #ddd;
}

.calc__label-d {
	background-color: #fff;
}
.calc__label-d--xs,
.calc__label-d--sm,
.calc__input-d--xs {
	display: table-cell;
	width: 33.333333%;
}

.calc__label-d--bold {
	font-weight: 700;
}

.calc__label-d--brand {
	color: #fff;
	background-color: #073f60;
}

.calc__label-d--dark {
	background-color: #c6c7c9;
}

.calc__input-d {
	background-color: #eee;
}

.calc__label-d.calc__label-d--bold.total-label-width {
 background-color: #43b97f;
 color: #fff;
}


.calc__input-d--light {
	background-color: #fff;
}

.calc__input {
	width: 100%;
	border: none;
	padding: 0;
	-webkit-appearance: none;
		-moz-appearance: textfield;
			appearance: none;
	-webkit-text-fill-color: #333;
	-webkit-opacity: 1;
	color: #333;
	background-color: #eee;
}

.calc__input--light {
	background-color: #fff;
}

/* Hide spinners */
.calc__input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.calc__input::-webkit-outer-spin-button {
	-webkit-appearance: none;
}

/* Placeholder color */
.calc__input::-webkit-input-placeholder {
	color: #fafafa;
}

.calc__input:-moz-placeholder {
	color: #fafafa;
}

.calc__input::-moz-placeholder {
	color: #fafafa;
}

.calc__input:-ms-input-placeholder {
	color: #fafafa;
}

/**
 * Offset inputs next to currency signs
 */
.calc__pound {
    vertical-align: baseline;
}

.calc__pound + .calc__input {
	width: 85%;
	width: calc(100% - 15px);
}

.calc__input:disabled:hover {
	cursor: not-allowed;
}

.calc__input:not(:disabled):hover,
.calc__input:not(:disabled):focus {
	background-color: #eee;
	outline: 0;
	box-shadow: none;
}

.print {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}

.print-btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 12px;
	font-size: 20px;
	line-height: 1.42857143;
	border-radius: 2px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #fff !important;
	background-color: #DB2535;
	border-color: #DB2535;
	text-decoration: none;
	width: 50%;
}

.print-btn:hover,
.print-btn:focus {
	border-color: #DB2535;
	color: #fff;
	background-color: #DB2535;
	text-decoration: none;
}


/**
 * Styles for print and ipad up
 */
@media print, (min-width: 768px) {
	.calculator-resources {
		margin-bottom: 0;
	}

	.calc__heading {
		font-size: 28px;
		padding-right: 12px;
		padding-left: 12px;
	}

	.calc__label-d,
	.calc__input-d,
	.calc__input {
		font-size: 16px !important;
        vertical-align: baseline;
	}

	.calc__label-d,
	.calc__input-d {
		display: table-cell;
		padding: 6px 12px;
	}

	.calc__label-d {
		width: 70%;
	}

	.calc__label-d--sm {
		width: 50%;
	}

	.calc__label-d--xs {
		width: 25%;
	}

	.calc__input-d {
		width: 30%;
	}

	.calc__input-d--xs {
		width: 25%;
	}
	.total-input-width .calc__input {
		background: #43b97f;
		color: #fff;
		-webkit-text-fill-color: #fff;
		border: 0;
		padding: 5px;
	}
	.total-label-width,
	.total-input-width {
		background: #43b97f;
		color: #fff;
		border: 0;
	}
	.calc__label-d.calc__label-d--bold.total-label-width {
		width: 30%;
	}
	.calc__input-d.total-input-width {
		width: 20%
	}

    .calc__input-d + .calc__label-d {
        border-left: 1px solid #fff;
    }
}

.blog-sidebar {
	padding-top: calc(1rem + 5.125rem); 
}

@media print, (max-width: 768px) {
	.blog-sidebar {
		padding-top: calc(1rem + 4.5rem);
	}
}

/**
 * Print CSS
 */
@media print {

	/**
	 * Hide page elements for print. You may have to adjust this for each site.
	 */
	#cookie-warning,
	header,
  footer,
	.breadcrumbs,
	.post-hero,
	.calculator-intro,
	.calc__heading::after,
	.calculator-resources,
	.print,
	.back-to-top,
	.authorsure-author-box,
	.authorsure-author-box ~ h3,
	.fb-comments,
  .post-breadcrumbs,
  .post-pagination {
		display: none !important;
  }
  
  .post-template-post-budget-calculator .blog-sidebar {
    display: none !important;
  }

  /**
   * Make sure calculator fits on page
   */
	#primary{
		width:100% !important
	}

	/**
	 * Simplify the tables so we don't waste the customer's ink.
	 */
	*{
		color:#000 !important;
		background-color:transparent !important;
		}

	.calc__heading,
	.calc__label-d,
	.calc__input-d{
		border:1px solid #000
		}
}


/**Overrides**/
.post-template-post-budget-calculator form input[type="text"] {
  border-bottom: none !important;
  display: inline !important;
}