h3 { color: var(--body-text); }

/* Fix Capital Outlay % to $ on all Market Sites */
label[for='total-capital-outlay'] + .input-group .input-group-addon { font-size: 0!important; }
label[for='total-capital-outlay'] + .input-group .input-group-addon::after { content: '$'; font-size: 18px; }

/* Buttons */
.btn { background:var(--primary); border-color:var(--primary); color:#fff!important; }
.btn:hover { color:var(--primary)!important; border-color:var(--primary); background:#fff; }

.image-wrapper { overflow: hidden; position: relative; z-index: 3; }
.img-color { filter: brightness(0) invert(1) drop-shadow(200px 200px 0px var(--primary)); position: relative; left: -200px; top: -200px; }

/* Welcome
================================================== */
#roi-calculator-welcome { background: #d7dddc; padding: 100px 0 90px; text-align: center; font-size: 18px; margin-top: 143px; }
#roi-calculator-welcome h1 { font-weight: bold; }
#roi-calculator-welcome p.lead { font-size: 24px; font-weight: 500; margin-bottom: 30px; }
#roi-calculator-welcome p.lead + .lead { margin-top: 40px; }
#roi-calculator-welcome .scroll-down { font-size: 24px; font-weight: bold; text-transform: uppercase; margin-top: 45px; }
#roi-calculator-welcome .scroll-down a { color: var(--dark); }
#roi-calculator-welcome .scroll-down a img { display: block; margin: 15px auto 0; }

/* Calculator
================================================== */
#roi-calculator { padding: 80px 0; background: #fff; overflow: hidden; }
#roi-calculator .container-fluid { max-width: 1450px; margin: 0 auto; }
#roi-calculator h1 { margin: 0 0 40px; font-size: 30px; text-align: center; font-weight: bold; }
#roi-calculator h2 { margin: 0 0 25px; font-size: 30px; text-align: center; font-weight: bold; }

#roi-calculator .title { font-size: 22px; text-align: center; background: var(--dark); height: 51px; line-height: 51px; margin: 0 0 15px; padding: 0 10px; color: #fff; text-transform: uppercase; font-weight: bold; -webkit-print-color-adjust: exact; }

/* Main Table Style */
#roi-calculator label { font-size: 18px; font-weight: 400; }
#roi-calculator input { background: #f3f6f6; border: 0; border-radius: 0; height: 47px; line-height: 47px; padding: 0 15px; font-size: 18px; font-weight: bold; -webkit-print-color-adjust: exact; }
#roi-calculator input:focus, .pulse { outline: 2px solid var(--primary); }
#roi-calculator input[readonly] { background: #fff; font-weight: 400; }
#roi-calculator input[readonly]:focus { outline: none; }
#roi-calculator input.warning { border: 2px solid red; }
#roi-calculator .input-group { display: flex; }
#roi-calculator .input-group-addon { background: transparent; border: 0; font-size: 18px; flex: 0 0 33.33%; text-align: right; padding-right: 10px; margin-top: auto; margin-bottom: auto; }
#roi-calculator .input-group input { flex: 0 0 66.66%; max-width: 66.66%; }
#roi-calculator .input-group.required .input-group-addon::after { content: '*'; color: red; padding-left: 2px; }
#roi-calculator .section .title { margin-bottom: 20px; }
#roi-calculator .section label { margin: 15px 0 15px; }
#roi-calculator .section .form-group:first-of-type { border-bottom: 3px solid #d7dddc; padding-bottom: 20px; margin: 0 0 35px; }
#roi-calculator .section .form-group:not(:first-of-type) label { text-decoration: underline; }
#roi-calculator .section .input-group ~ .input-group { margin-top: 10px; }
#roi-calculator .section:last-of-type { min-width: 30%; }
#roi-calculator .tool-tip { margin-left: 15px; display: inline-block; opacity: 0.33; transition: 0.3s; font-size: 20px; }
#roi-calculator .tool-tip:hover { opacity: 1; transition: 0.3s; }
@media screen and (min-width:992px) {
	#roi-calculator .section { width: 20%; flex: 1 1 auto; }
}
@media screen and (min-width:767px) {
	#roi-calculator .row { display: flex; }
}
@media screen and (max-width:991px) {
	#roi-calculator .row { flex-wrap: wrap; }
	#roi-calculator .section { margin-top: 45px; }
}

/* Property Info Input */
#roi-calculator .property-info-input { position: relative; display: flex; flex-wrap: wrap; padding-bottom: 35px; padding-top: 30px; }
#roi-calculator .property-info-input .image-wrapper { position: absolute; top: -47px; left: 15px; z-index: 9; }
#roi-calculator .property-info-input .image-wrapper img { max-height: 80px; }
#roi-calculator .property-info-input > * { margin-top: auto; }
#roi-calculator .property-info-input label { margin-top: auto; margin-bottom: auto; white-space: nowrap; margin-right: 10px; text-align: right; }
#roi-calculator .property-info-input .first-col label { flex: 0 0 auto; margin-right: 35px; }
#roi-calculator .property-info-input .first-col input, #roi-calculator .property-info-input .first-col .input-row { flex: 0 0 49%; }
#roi-calculator .property-info-input .second-col { margin-top: auto; }
#roi-calculator .property-info-input .second-col label { flex: 0 0 100px; }
#roi-calculator .property-info-input input { max-width: 80%; }
#roi-calculator .property-info-input .required label::after { content: '*'; color: red; padding-left: 2px; }
#roi-calculator .property-info-input .col-md-6:first-child { display: flex; flex-direction: column; justify-content: flex-end; }
#roi-calculator .property-info-input .col-md-6:first-child [class*='form-group'] { margin-left: auto;  }
#roi-calculator .property-info-input .col-md-6:first-child [class*='form-group'] label { margin-right: 45px; }
#roi-calculator .property-info-input .col-md-6:first-child .form-group:last-child .input-row { max-width: 257px!important; width: auto; }
#roi-calculator .property-info-input .form-group { display: flex; justify-content: flex-end; margin-bottom: 8px; }
#roi-calculator .property-info-input .input-row { display: flex; justify-content: space-between; padding: 0 8px 0 0; }
#roi-calculator .property-info-input .input-row input { width: 50%; flex: 0 0 auto; }
#roi-calculator .property-info-input .input-row input ~ input { margin-left: 8px; }
#roi-calculator .property-info-input .col-md-3 label { width: 100px; }
#roi-calculator .property-info-input .col-md-3 input { max-width: 85px; text-align: right; margin-left: auto; }
#roi-calculator .property-info-input .col-md-3 .form-group { justify-content: space-between; }
#roi-calculator .property-info-input .col-md-3 .form-group .input-row {  }
#roi-calculator .property-info-input .col-md-3 .form-group > input {  }
#roi-calculator .property-info-input .property-form [class*='col-'] { margin: auto 0 0; }
@media screen and (min-width:992px) {
	#roi-calculator .row { margin: 0 -25px; flex-wrap: nowrap; }
	#roi-calculator .row [class*='col-'] { padding: 0 25px; flex-basis: auto; }
}
@media screen and (max-width:1413px) {
	#roi-calculator .property-info-input img { top: -70px; }
}
@media screen and (max-width:1199px) {
	#roi-calculator .property-info-input { display: block; }
	#roi-calculator .property-info-input .property-form { display: block; }
	#roi-calculator .property-info-input .property-form [class*='col-'] { width: 100%; }
	#roi-calculator .property-info-input .form-group { justify-content: flex-start; }
	#roi-calculator .property-info-input label { white-space: normal; line-height: 1; margin-right: 10px!important; }
	#roi-calculator .property-info-input input { width: 100%; }
	#roi-calculator .property-info-input img { display: none; }
	#roi-calculator .property-info-input .first-col input { flex: unset; }
	#roi-calculator .property-info-input .first-col .input-row { flex: unset; padding: 0; width: 77%; }
	#roi-calculator .property-info-input .first-col label { flex: 0 1 38%; }
	#roi-calculator .property-info-input .first-col label[for='address'] { flex: 0 1 38%; }
	#roi-calculator .property-info-input .second-col label { flex: 0 1 43%; max-width: 27%; }
	#roi-calculator .property-info-input > .col-md-9 { width: 58.33333333%; }
	#roi-calculator .property-info-input > .col-md-3 { width: 41.66666667%; }
}
@media screen and (max-width:991px) {
	#roi-calculator .results { width: 100%; }
	#roi-calculator [class*='col-'] { margin-top: 45px; }
	#roi-calculator .property-info-input { justify-content: space-between; }
	#roi-calculator .property-info-input .form-group { display: block; }
	#roi-calculator .property-info-input .first-col label { margin-right: 10px; flex: 0 1 auto; }
	#roi-calculator .property-info-input .first-col label,
	#roi-calculator .property-info-input .first-col label[for='address'],
	#roi-calculator .property-info-input .second-col label { max-width: 100%; }
	#roi-calculator .property-info-input .first-col .input-row { width: 100%; }
	#roi-calculator .property-info-input > .col-md-9, #roi-calculator .property-info-input > .col-md-3 { width: 100%; }
	#roi-calculator .property-info-input input { max-width: 100%; }
}


/* Results Box */
#roi-calculator .results { text-align: center; min-width: 30%; }
#roi-calculator .results h3 { font-size: 24px; font-weight: bold; text-transform: uppercase; margin: 0 0 10px; color: var(--primary); }
#roi-calculator .results section { display: grid; }
#roi-calculator .results section header { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 0px 8px; width: 100%; }
#roi-calculator .results section .tbody { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto auto auto;  grid-gap: 0px 8px; border: 1px solid #404040; position: relative; padding: 5px; }
#roi-calculator .results section .tbody::before { content: ''; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border: 1px solid #404040; }
#roi-calculator .results section .tbody div { background: rgba(74,178,72,0.2); padding: 8px; -webkit-print-color-adjust: exact; }
#roi-calculator .results section .tbody .th { text-align: right; }
#roi-calculator .results section .addon { font-size: 16px; }
#roi-calculator .results .result { display: none; }
#roi-calculator .results.show-results .result { }
@media screen and (max-width:991px) {
	#roi-calculator .results section { margin: 0 auto; }
}

/* Analysis Tables */
#roi-calculator .analysis { padding: 95px 0 0; }
#roi-calculator .analysis h2 { text-align: left; margin: 0 0 40px; }
#roi-calculator .analysis .title { text-align: left; padding: 0 25px; max-width: 600px; margin: 0 0 25px; }
#roi-calculator .analysis .property-title { margin: 0 0 30px; }
#roi-calculator .analysis .property-title h3 { font-size: 24px; margin: 0; color: var(--primary); font-weight: bold; display: inline-block; }
#roi-calculator .analysis .property-title .property-name { font-size: 18px; font-weight: bold; padding-left: 10px; }

#roi-calculator .analysis table { width: 100%; text-align: center; margin: 40px auto; }
#roi-calculator .analysis table th, td { text-align: center; font-weight: 400; width: 9.09%; font-size: 18px; color: #404040; padding: 5px; }
#roi-calculator .analysis table thead tr { border-bottom: 3px solid #d7dddc; }
#roi-calculator .analysis table thead th { padding: 15px 8px; }
#roi-calculator .analysis table tbody tr:first-of-type th { padding-top: 15px; }

#roi-calculator .analysis .highlight { background: rgba(74,178,72,.2); -webkit-print-color-adjust: exact; }

@media screen and (max-width:991px) {
	#roi-calculator .analysis table, #roi-calculator .analysis thead, #roi-calculator .analysis tbody, #roi-calculator .analysis th, #roi-calculator .analysis td, #roi-calculator .analysis tr {display: block; border: 0!important;}
	#roi-calculator .analysis table { display: flex; }
	#roi-calculator .analysis thead { flex: 1 1 30px; }
	#roi-calculator .analysis thead th:first-child, #roi-calculator .analysis tbody th { border-bottom: 3px solid #d7dddc!important; }
	#roi-calculator .analysis tbody { display: flex; flex: 1 1 75%; justify-content: space-between; }
	#roi-calculator .analysis tbody tr { flex: 1 1 auto; }
	#roi-calculator .analysis tbody tr.roi { flex: 1 1 30px; }
	#roi-calculator .analysis table th, #roi-calculator .analysis table td { padding: 10px!important; height: auto; min-height: 38px; font-size: 15px; line-height: 1; width: 100%!important; text-align: center!important; }
	#roi-calculator .analysis table ~ table thead th:first-child, #roi-calculator .analysis table ~ table tbody th { display: none!important; }
	#roi-calculator .analysis table { margin: 40px 0 0; }
	#roi-calculator .analysis table ~ table { margin: 0; }
}

/* Calculator Controls */
#roi-calculator .calculator-controls { padding: 100px 0 0; text-align: right; }
#roi-calculator .calculator-controls img { vertical-align: baseline; }
#roi-calculator .calculator-controls button { transition: 0.3s; }
#roi-calculator .calculator-controls button ~ button { margin-left: 8px; }
#roi-calculator .calculator-controls button:hover { transition: 0.3s; }
#roi-calculator .calculator-controls button:focus { outline: none; box-shadow: 0 0 3px var(--primary); }
@media screen and (max-width:991px) {
	#roi-calculator .calculator-controls { text-align: center; }
	#roi-calculator .calculator-controls img { display: none; }
	#roi-calculator .calculator-controls .btn { margin-top: 10px;  }
}

/* Disclaimer */
#roi-calculator .disclaimer { text-align: center; padding: 100px 0 115px; font-size: 17px; }
#roi-calculator .disclaimer h3 { font-weight: bold; font-size: 36px; letter-spacing: 0.025em; margin: 35px 0 25px; }
#roi-calculator .disclaimer hr { max-width: 100%; border-color: #d7dddc; margin: 60px auto; }
#roi-calculator .disclaimer hr.animate { width: 100%; }
#roi-calculator .disclaimer p.small { margin: 0 auto; font-size: 14px; font-weight: 500; }
#roi-calculator .owner-lead-form { display: none; }
#roi-calculator .printed-disclaimer { display: none; position: fixed; bottom: 0; left: 0; right: 0; font-size: 10px; font-style: italic; text-align: center; margin: 20px 0 30px; color: #808080; }
#roi-calculator .printed-header { display: none; position: fixed; top: 0; left: 0; right: 0; font-size: 10px; padding-top: 30px; text-align: center; background: #fff; }
#roi-calculator .printed-header p { display: block; margin: 0; text-align: center; }

.user-is-owner #roi-calculator .disclaimer { display: flex; flex-direction: column; }
.user-is-owner #roi-calculator .disclaimer h3 { order: -3; }
.user-is-owner #roi-calculator .disclaimer .btn { order: -2; margin-right: auto; margin-left: auto; }
.user-is-owner #roi-calculator .owner-lead-form { order: -1; }

/* Printed Style */
@media print {
	@page
    {
        size: auto;
        margin: 0mm;
    }
	body {
        color: #000;
        background-color: #fff;
		margin: 0 2cm;
    }
	#roi-calculator { padding: 95px 0 0; background: #fff; }
	#roi-calculator h2 { font-size: 16px!important; margin: 0; }
	#roi-calculator .document-title { }
	#roi-calculator .results { width: 100%; }
	#roi-calculator .mobile-results { display: none; }
	#roi-calculator .results .tbody > div { white-space: nowrap; padding: 8px 16px; }
	#roi-calculator .results h3 { font-size: 13px; margin: 0; }
	body, #roi-calculator, #roi-calculator .input-group-addon, #roi-calculator label, #roi-calculator input, #roi-calculator td, #roi-calculator th, label[for='total-capital-outlay'] + .input-group .input-group-addon::after { font-size: 11px!important; }
	#roi-calculator .title { font-size: 12px; padding: 0 15px; height: 25px; line-height: 25px; text-align: left; margin: 0; }
	#roi-calculator input { height: 20px; line-height: 20px; font-size: 10px; }

	#roi-calculator .property-info-input { justify-content: space-between; padding: 0; margin-bottom: -25px; flex-wrap: nowrap; }
	#roi-calculator .property-info-input .property-form-group { width: 70%; margin-top: auto; margin-bottom: 0; }
	#roi-calculator .property-info-input .results { width: 40%; }
	#roi-calculator .property-info-input .property-form { display: flex; flex-direction: row; justify-content: space-around; }
	#roi-calculator .property-info-input .property-form [class*="col-"] { width: 50%; }
	#roi-calculator .property-info-input .form-group { margin-bottom: 5px; display: flex; }
	#roi-calculator .property-info-input label { font-size: 8px!important; }
	#roi-calculator .property-info-input .first-col input, #roi-calculator .property-info-input .second-col input { flex: 0 1 45%;}
	#roi-calculator .property-info-input .first-col { position: relative; left: 0px; }
	#roi-calculator .property-info-input .first-col label { text-align: right; margin-right: 10px; white-space: normal; line-height: 1; flex: 0 1 30%; }
	#roi-calculator .property-info-input .second-col { padding-right: 60px; }

	#roi-calculator .results { width: 30%; }
	#roi-calculator .results section .tbody div { padding: 3px 8px; }
	#roi-calculator .results section .addon { font-size: 9px; }

	#roi-calculator .financial-info-input { display: flex; justify-content: space-between; padding-top: 50px; }
	#roi-calculator .financial-info-input [class*="col-"] { width: 22%; overflow: hidden; }
	#roi-calculator .financial-info-input .input-group-addon { flex: 0 0 23%; }
	#roi-calculator .financial-info-input input { flex: 0 0 auto; }
	#roi-calculator .section .input-group ~ .input-group { margin-top: 5px; }
	#roi-calculator .section label { display: block; margin: 10px 0; }
	#roi-calculator .section .title { margin: 0; }
	#roi-calculator .section .form-group:first-of-type { padding-bottom: 5px; margin: 0 0 5px; }

	#roi-calculator .section:last-of-type { min-width: unset; }
	#roi-calculator .analysis { padding: 130px 0 0; }
	#roi-calculator .analysis h2 { font-size: 20px; margin: 0 0 15px; }
	#roi-calculator .analysis .property-title { margin: 0 0 15px; }
	#roi-calculator .analysis .property-title h3 { font-size: 16px; }
	#roi-calculator .analysis .property-title .property-name { font-size: 15px; }
	#roi-calculator .analysis .title { max-width: 100%; font-size: 13px; margin: 0; }
	#roi-calculator .analysis .row { display: flex; margin: 20px 0; }
	#roi-calculator .analysis table { margin: 20px 0; }
	#roi-calculator .analysis thead tr { border-bottom: 2px solid #404040; }
	#roi-calculator .analysis table th, td { font-size: 11px; padding: 3px; }
	#roi-calculator .analysis table th { font-weight: bold; }
	#roi-calculator .analysis table thead th, #roi-calculator .analysis table tbody tr:first-of-type th { padding: 3px; }
	#roi-calculator .analysis.appreciation table:last-child { margin-bottom: 0; }
	.pulse { outline: none; }
	#roi-calculator .printed-disclaimer, #roi-calculator .printed-header { display: block; }
	#roi-calculator .property-info-input .required label::after,
	#header, #footer, #secondary-banner, #roi-calculator .calculator-controls, #roi-calculator-welcome, #footer-ctas, #roi-calculator .disclaimer, .tool-tip img, #roi-calculator img[src*="start-here"], #roi-calculator #editor, #roi-calculator .btn-disclaimer { display: none!important; }

}

#roi-calculator header { text-align: center; }
#roi-calculator header img { display: block; margin: 0 auto 50px; }

/* ROI Lead
================================================== */
#roi-lead { text-align: center; padding-top: 75px; padding-bottom: 100px;  }
#roi-lead h1 { margin-bottom: 50px; }
#roi-lead h3 { font-size: 30px; margin: 40px 0 30px; font-weight: bold; }
#roi-lead p { font-size: 24px; letter-spacing: 0.025em; }
#roi-lead .form-stack-container { max-width: 850px; margin: 0 auto; }
#roi-lead .form-stack-container label { display: none; }
#roi-lead .form-stack-container input { border: 0; height: 75px; line-height: 75px; padding: 0 15px; border-radius: 0; }
#roi-lead .form-stack-container select { border: 0; color: #404040; text-transform: uppercase; outline: none; }
#roi-lead .form-stack-container .ion-form-group-dropdown { padding: 0 10px; }
#roi-lead .form-stack-container select[name='market-area'] { display: none; }
#roi-lead .form-stack-container button { margin-top: 30px; background: #404040; border-color: #404040; border-radius: 25px; color: var(--primary); font-size: 16px; font-weight: bold; letter-spacing: 0.025em; height: 50px; line-height: 50px; padding: 0; width: 139px; text-transform: uppercase; }
#roi-lead .form-stack-container button:hover { background: var(--primary); color: #404040; border-color: var(--primary); -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
@media (min-width: 601px) {
	.ion-form > .ion-form-group { flex: 1 1 100%; margin: 7px; }
}


/* Resources
================================================== */
#pdf-resources { padding-bottom: 15px; }
ul.pdfs { display: flex; justify-content: space-between; flex-wrap: wrap; list-style: none; padding: 0; margin: 70px 0 0; }
ul.pdfs li { font-weight: bold; font-size: 20px; display: flex; flex-direction: column; flex: 0 0 100%; min-height: 57px; margin-bottom: 30px; text-align: left; padding-left: 100px; background-image: url('https://propertyframework.nesthub.com/images/pdf-icon.png'); background-position: left top; background-repeat: no-repeat; }
ul.pdfs li a { margin: auto 0; }
.video-list .video-wrapper { margin-bottom: 50px; }
@media (min-width: 768px) {
	ul.pdfs li { flex: 0 0 48%; }
}