/* 
------------------------------------------------------
:: REM font sizing with px fallback
------------------------------------------------------ 
This site uses rem for font sizing. The base font size is 14px so 
to find the rem equivalent of an px value simply divide target(px) by the base (14). 

for example to find the rem value of 16px font size...

16 / 14 = 1.142857rem

be sure to include at least 5 numbers after the decimal to avoid browser rounding.
for more info... http://snook.ca/archives/html_and_css/font-size-with-rem}


------------------------------------------------------
:: Hevletica Neue Font Family
------------------------------------------------------ 

// Light
font-family: "HelveticaNeueW01-47LtCn_692686";

//Light oblique
font-family: "HelveticaNeueW01-47LtCn_692689";

//Regular body copy
font-family: "HelveticaNeueETW01-55Rg"

//Italic
font-family: "HelveticaNeueETW01-56It"

//Medium
font-family: "HelveticaNeueETW01-65Md"

//Medium oblique
font-family: "HelveticaNeueETW01-66Md"

//Bold
font-family: "HelveticaNeueETW01-75Bd"

//Bold italic
font-family: "HelveticaNeueETW01-76Bd"
*/




/* ------------------------------ Header ------------------------------------------------------ */

.header-brand {
	margin-top: 15px;
}

.header-brand img {
	width: 100px;
}

.site-title {
	font-size: 1.14285rem;
}

@media screen and (min-width: 768px) {/* //////////////////////////////// BREAKPOINT */

	.header-brand {
		margin-top: 0;
	}

	.header-brand img {
		display: inline-block;
		margin-top: 25px;
		margin-bottom: 25px;
		width: 150px;
	}

	.site-title {
		float: right;
		margin-top: 25px;
		margin-bottom: 0;
		line-height: 1;
		padding: 0;
		font-size: 1.85714rem;
	}

	.site-header .row {
		border-bottom: 3px solid #952333;
	}

	.site-header {
		margin-bottom: 20px;
	}


} /* end media query*/



/* ------------------------------ Lists ------------------------------------------------------ */


@media screen and (max-width: 500px){ /* //////////////////////////////// BREAKPOINT */
.property-info dt {
	float: left;
	width: 30%;
	clear: left;
}

.property-info dd {
	margin-left: 35%;

}
}






/* ------------------------------ footer ------------------------------------------------------ */
.site-footer .row {
	padding: 20px;
	background-color: #e5e5e5;
	border-top: 1px solid #ccc;
}

.site-footer-copyright {
	font-size: 0.85714rem;
}







/* ------------------------------ Calculator ------------------------------------------------------ */



/* better to hide with css rather than wait on all js to load */
[data-name="loaninfofieldwrapper"],
[data-name="trResults"],
[data-name="trIsCommercial"],
[data-name="trSimIssueChk"],
[data-name="trLoanPol"],
[data-name="trOwnerPol"],
[data-name="trRefiLoanPol"],
[data-name="dvPurchase"],
[data-name="dvRefi"],
[data-name="tbReissueInfo"],
[data-name="tbReissueQuestion"],
[data-name="show-endorsements"],
[data-name="endorseToggle"],
[data-type="editable"] {
	display: none;
}


[data-name="zipCode"] {
	visibility: hidden;
}

.endorsements-container {
	display: none;
}

.select-endorsements {
	padding-top: 50px;
}

.endorsements-container .btn {
	display: inline-block;
    float: left;
    margin: 0;

}

caption {
	text-align: left;
	font-size: 1.14285rem;
}

.prem-total {
	font-family: "HelveticaNeueETW01-75Bd";
}

.form-actions {
	margin-top: 20px;
	margin-bottom: 20px;
	border-color: #e5e5e5;
	background-color: #f5f5f5;
}

.form-actions .btn {
	margin-top: 0;
}

.endorsements-container .checkbox input[type="checkbox"] {
	position: absolute;
	left: 0;
}

.endorsements-container .checkbox label {
	padding-left: 1.5em;
    position: relative;
    overflow: visible;
}

.prop-state,
.prop-city,
.prop-county {
	display: none;
}

.endorsements-count {
	display: block;
	margin-top: 5px;
	font-size: .85714rem;
}

.endorsements-count span {
	font-family: "HelveticaNeueETW01-75Bd"
}

.results-column,
.endorsements-column {
	padding: 15px;
    box-shadow: 0 0 20px rgba(0,0,0,.2);
	border-radius: 5px;
	background-color: #f5f5f5;
}

@media screen and (min-width: 768px) { /* //////////////////////////////// BREAKPOINT */

	.select-endorsements {
		padding-top: 0;
	}

	.endorsements-container .btn {
		position: relative;
		float: right;
		right: 20px;
		top: 10px;
		margin: 0;
		width: auto;
	}

}