/* Pimcore 5 Admin Stuff */
.pimcore_area_edit_button {
	z-index: 1 !important;
}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 0em) {
	body {
		font-family: 'BrandonTextWeb-Regular', sans-serif;
		color: #231f20;
	}
	h1, h2, h3, h4, h5, h6 {
		font-family: 'BrandonTextWeb-Regular', sans-serif;
	}
	html{
		font-size: 14px;
	}
	strong{
		font-family: 'BrandonTextWeb-Bold', sans-serif;
		font-weight: normal;
	}
	:focus {
		outline: 0 dotted #212121;
		outline: 0 auto -webkit-focus-ring-color;
	}
	/*Foundation Override to Make Backend Easier to Read*/
	.button, .button:focus, .button:hover{
		background-color: #cfe2ea;
	}
	.breadcrumbs .interior,
	.placeholder .interior {
		margin: 0 auto;
		padding: 0.5rem 1rem;
		max-width: 1200px;
	}
	/*PIMCORE AREA BAR*/
	.pimcore_areablock_toolbar.x-layer{
		z-index: 99999 !important;
	}
}
@media (min-width: 40em) {
	html{
		font-size: 16px;
	}
	.breadcrumbs .interior,
	.placeholder .interior {
		padding: 1rem 2rem;
	}
}
@media (min-width: 64em) {
	.breadcrumbs .interior,
	.placeholder .interior {
		padding: 2rem 4rem;
	}
}
@media (min-width: 75em) {

}

/* Mortgage Calculator 2 */
.mortgage-calculator-2 .interior {
	margin: 0 auto;
    padding: 2rem 1rem;
    max-width: 1200px;
}
.mortgage-calculator-2 .interior .mortgage-calculator-2-section {
	-webkit-box-shadow: 0 0.5rem 0.5rem -3px #9d9d9d;
	        box-shadow: 0 0.5rem 0.5rem -3px #9d9d9d;
}
.mortgage-calculator-2 .interior .mortgage-calculator-2-section:not(:nth-of-type(1)),
.mortgage-calculator-2 .interior .disclaimer {
	margin-top: 2rem;
}
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .side-info {
	background: #453F40;
	color: #fff;
	padding: 2rem 1rem;
}
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .side-info .heading,
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .side-info .copy {
	color: inherit;
}
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .side-info .heading {
	font-size: 22px;
	font-family: 'BrandonTextWeb-Bold', sans-serif;
	line-height: 25px;
	margin-bottom: 1rem;
}
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .side-info .copy,
.mortgage-calculator-2 .interior .disclaimer {
	font-size: 14px;
	line-height: 22px;
}
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .side-info .copy::before {
	display: block;
	width: 35px;
	height: 3px;
	background: #f3b91d;
	content: '';
	margin: 0 0 1rem 0;
}
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .side-info .copy p,
.mortgage-calculator-2 .interior .disclaimer p {
	margin: 0;
	padding: 0;
}
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form {
	background: #fff;
	padding: 2rem 1rem 2rem;
}
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form label {
	font-family: 'BrandonTextWeb-Bold', sans-serif;
	color: #33A5BF;
	font-size: 16px;
	line-height: 1;
	padding: 0 0 0.5rem;
}
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form form input {
    width: 100%;
    max-width: 100%;
    color: #000;
    font-family: 'BrandonTextWeb-Regular', sans-serif;
    border-radius: 0;
    margin: 0 0 2rem;
    background-color: #f4f4f4;
    font-size: 14px;
    line-height: 18px;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
}
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form form label.dollar-sign + input {
	padding: 0.85rem 1rem 0.5rem 2rem;
}
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form form label.percent-sign + input {
	padding: 0.85rem 2rem 0.5rem 1rem;
}
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form form label.months-sign + input {
	padding: 0.85rem 5rem 0.5rem 1rem;
}
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form form .mc-submit .mc-button {
    text-transform: uppercase;
    color: #000 !important;
    background: #f3b91d;
    padding: 1rem 2rem 0.75rem;
    display: inline-block;
    border-radius: 10px;
    line-height: 1;
    cursor: pointer;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    border: none !important;
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    font-family: 'BrandonTextWeb-Bold', sans-serif !important;
    font-size: 14px !important;
    font-weight: normal;
    width: auto;
    margin: -0.5rem 0 2.5rem;
}
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form form .mc-submit .mc-button:hover {
	background: #33a5bf;
    color: #fff !important;
    transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form .result {
	padding: 1.5rem 0 1rem;
	border-bottom: 1px solid #E0E0E0;
	min-height: 72px;
}
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form .result:nth-of-type(1) {
	border-top: 1px solid #E0E0E0;
}
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form .result > div.cell {
	margin-bottom: 0.35rem;
	text-align: right;
}
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form .result > div.cell.dollar-sign {
	padding: 0 1rem 0 2rem;
}
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form form label,
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form .result > div.cell {
	position: relative;	
} 
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form .dollar-sign::before,
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form .percent-sign::before,
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form .months-sign::before {
	display: inline-block;
	position: absolute;
	color: #C3C3C3;
	font-size: 14px;
	line-height: 1;
}
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form form label.dollar-sign::before,
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form form label.percent-sign::before,
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form form label.months-sign::before {
	top: 2.5rem;
}
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form .result > div.cell.dollar-sign::before,
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form .result > div.cell.percent-sign::before,
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form .result > div.cell.months-sign::before {
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form .dollar-sign::before {
	content: "$";
	left: 1rem;
}
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form .percent-sign::before {
	content: "%";
	right: 1rem;
}
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form .months-sign::before {
	content: "MONTHS";
	right: 1rem;
}
.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form .result .dollar-sign::before {
	right: 6.5rem;
}
.mc-modal-open {
	background-color: #f0f0f0;
    background-image: url(/svg/van-metre-logo-grey.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 99999;
}
.mc-modal-open .modal-close-button{
	color: #fff;
	background-image: url(/svg/close-x.svg);
	display: block;
	height: 3rem;
	width: 6rem;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #231f20;
	background-size: 1.5rem 1.5rem;
	background-position: center center;
	cursor: pointer;
}
@media (min-width: 40em) {
	.mortgage-calculator-2 .interior {
		padding: 4rem 2rem;
	}
	.mortgage-calculator-2 .interior .mortgage-calculator-2-section:not(:nth-of-type(1)),
	.mortgage-calculator-2 .interior .disclaimer {
		margin-top: 4rem;
	}
	.mortgage-calculator-2 .interior .mortgage-calculator-2-section .side-info {
		padding: 4rem 2rem;
	}
	.mortgage-calculator-2 .interior .mortgage-calculator-2-section .side-info .heading {
		font-size: 22px;
		line-height: 25px;
	}
	.mortgage-calculator-2 .interior .mortgage-calculator-2-section .side-info .copy,
	.mortgage-calculator-2 .interior .disclaimer {
		font-size: 16px;
    	line-height: 24px;
	}
	.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form {
		padding: 4rem 2rem;
	}
	.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form form label.dollar-sign + input {
		padding: 1rem 1rem 0.5rem 2rem;
	}
	.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form form label.percent-sign + input {
		padding: 1rem 2rem 0.5rem 1rem;
	}
	.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form form label.months-sign + input {
		padding: 1rem 5rem 0.5rem 1rem;
	}
	.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form form .mc-submit .mc-button {
		font-size: 16px !important;
	}
}
@media (min-width: 64em) {
	.mortgage-calculator-2 .interior {
		padding: 5rem 4rem;
	}
	.mortgage-calculator-2 .interior .mortgage-calculator-2-section:not(:nth-of-type(1)),
	.mortgage-calculator-2 .interior .disclaimer {
		margin-top: 5rem;
	}
	.mortgage-calculator-2 .interior .mortgage-calculator-2-section .side-info {
		padding: 5rem 3rem 3rem;
	}
	.mortgage-calculator-2 .interior .mortgage-calculator-2-section .side-info .heading {
		font-size: 25px;
		line-height: 28px;
	}
	.mortgage-calculator-2 .interior .mortgage-calculator-2-section .side-info .copy,
	.mortgage-calculator-2 .interior .disclaimer {
		font-size: 18px;
    	line-height: 28px;
	}
	.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form {
		padding: 5rem 3rem 3rem;
	}
	.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form label {
		font-size: 18px;
	}
	.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form form > .grid-x > .large-6:nth-of-type(1) {
		padding-right: 0.5rem;
	}
	.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form form > .grid-x > .large-6:nth-of-type(2) {
		padding-left: 0.5rem;
	}
	.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form form label.dollar-sign + input {
		padding: 0.75rem 1rem 0.5rem 2rem;
	}
	.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form form label.percent-sign + input {
		padding: 0.75rem 2rem 0.5rem 1rem;
	}
	.mortgage-calculator-2 .interior .mortgage-calculator-2-section .mortgage-form form label.months-sign + input {
		padding: 0.75rem 5rem 0.5rem 1rem;
	}
}
.error {
	color: red;
}
/*Pimcore 6 Admin*/
.pimcore_tag_areablock {
	padding-top: 48px;
}
/*New Community Page Styles*/
.dark-mode p,
.dark-mode a.dark-ready,
.dark-mode .dark-ready,
.dark-mode span {
	color: white !important;
}
.button-link {
    font-family: 'BrandonTextWeb-Bold', sans-serif;
    font-size: 16px;
    line-height: 1;
	text-transform: uppercase;
    color: #000;
    background: #f3b91d;
    padding: 1rem 2rem 0.75rem;
    display: inline-block;
    margin: 0.5rem 1rem 0.5rem 0;
    border-radius: 10px;
    transition: background 0.5s !important;
    -webkit-transition: background 0.5s  !important;
}
.button-link:hover {
	background: #33a5bf;
	color: #fff;
}
.testing {
	padding: 1rem 0;
}