/*
Theme Name: Spacious Child Theme
Theme URI: http://themegrill.com/themes/spacious/
Description: Child Theme for Spacious
Author: ThemeGrill
Author URI: http://themegrill.com
Template: spacious
Version: 1.0
*/
#main {
    padding: 0;
}
#header-left-section {
    max-width: 400px;
}
.main-navigation li {
    padding: 0 0 0 30px;
}
#header-logo-image {
    padding: 0;
}
#calculators {
	position: fixed;
	z-index: 99998;
	top: 120px;
	right: 0;
	height: auto;
	width: 100%;
	display: none;
	background: #c6eedc;
	border: 3px solid #fff;
	border-right: none;
	-moz-box-shadow: -7px 7px 5px rgba(0,0,0,.35);
	-webkit-box-shadow: -7px 7px 5px rgba(0,0,0,.35);
	-ms-box-shadow: -7px 7px 5px rgba(0,0,0,.35);
	-o-box-shadow: -7px 7px 5px rgba(0,0,0,.35);
	box-shadow: -7px 7px 5px rgba(0,0,0,.35);
	padding: 1rem;
}
.closebtn {
	background: url('images/close-btn.png') no-repeat center center;
	background-size: contain;
	position: absolute;
	display: block;
	width: 12px;
	height: 12px;
	top: 16px;
	right: 16px;
	cursor: pointer;
}
#calculatortab {
	position: fixed;
	z-index: 99999;
	right: 0;
	top: 120px;
	width: 30px;
	height: 155px;
	cursor: pointer;
	padding: 1rem;
	background: #c6eedc;
	border: 3px solid #fff;
	border-right: 0 none;
	border-top-left-radius:16px;
	border-bottom-left-radius:16px;
	-moz-box-shadow: 0 7px 5px rgba(0,0,0,.35);
	-webkit-box-shadow: 0 7px 5px rgba(0,0,0,.35);
	-ms-box-shadow: 0 7px 5px rgba(0,0,0,.35);
	-o-box-shadow: 0 7px 5px rgba(0,0,0,.35);
	box-shadow: 0 7px 5px rgba(0,0,0,.35);
}
#calculatortab.open {
	-moz-box-shadow: -7px 7px 5px rgba(0,0,0,.35);
	-webkit-box-shadow: -7px 7px 5px rgba(0,0,0,.35);
	-ms-box-shadow: -7px 7px 5px rgba(0,0,0,.35);
	-o-box-shadow: -7px 7px 5px rgba(0,0,0,.35);
	box-shadow: -7px 7px 5px rgba(0,0,0,.35);
}
#calculatortab span {
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
	color: #0a825c;
	font-size: 1rem;
	font-weight: 400;
	text-transform: uppercase;
	display: flex;
}
#calculatortab.open span {
	color: #66a086;
}
ul#calcnav li {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	font-weight: 700;
	font-size: 0.875rem;
	margin-right: 1rem;
	margin-left: 0;
}
ul#calcnav li a {
	text-decoration: none;
	color: #66a086;
}
ul#calcnav li.active a {
	color: #0a825c;
	font-size: 1.125rem;
}
.calcpanel {
	display: none;
}
.calcpanel.active {
	display: block;
}
#map {
	width: 100%;
	height: 200px;
}
.calcpanel#bridging .btn.submit {
	margin: 1rem auto 0;
}
#calculators label {
	display: block;
	color: #474747;
	padding: 0.5rem 0.3rem 0.3rem 0;
}
.total {
	background: #61b48f;
	font-weight: 700;
	font-size: 1.5rem;
	padding: 0.5rem;
	text-align: center;
	margin: 0 0 1rem;
}
#bondTransCosts {
	font-weight: 700;
	font-size: 1.2rem;
	margin: 0 0 0.5rem;
}
.calcpanel h4 {
	font-size: 1.2rem;
}

#calculators p {
	font-size: 0.85rem;
}
#calculators .result p {
	font-size: 1rem;
}
.check-label {

}
.wr {
    margin: 0 auto;
    width: 100%;
    position: relative;
}
@media screen and (min-width:768px){
	/* Typography */
	#calculators {
		top: 120px;
		width: 580px;
		padding: 1rem;
	}	
	#calculatortab {
		top: 120px;
		width: 40px;
		height: 180px;
	}
	#calculatortab span {
		font-size: 1.2rem;
	}
	ul#calcnav li {	
		font-size: 1.25rem;
	}
	ul#calcnav li.active a {
		font-size: 1.25rem;
	}
}

.greenfadepanel {
background-color: #0a825c;
padding: 50px 0px 50px 0px;
background-image: url(images/home-banner-stripe-bg.png);
background-position: bottom right;
background-repeat: no-repeat;
color: #fff;
}
.greenfadepanel a {
color: #fff;
}
.greenfadepanel h1 {
color: #fff; font-size: 3em;line-height: normal;
}
h2 {
color: #0a825c;
text-transform:uppercase;
}
input[type="text"], input[type="email"], input[type="password"], input[type="tel"] {
    padding: 1%;
    border: 1px solid #EAEAEA;
    line-height: 20px;
    width: 98%;
    margin: 0;
    background-color: #F8F8F8;
    border-radius: 3px;
}
input[type="number"], input[type="date"] {
    padding: 1%;
    border: 1px solid #EAEAEA;
    line-height: 20px;
    width: 150px;
    margin: 0;
    background-color: #F8F8F8;
    border-radius: 3px;
}
.widget select {
    padding: 1%;
    border: 1px solid #EAEAEA;
    line-height: 20px;
    width: 98%;
    margin: 0;
    background-color: #F8F8F8;
    border-radius: 3px;
}
#content .post, #content .page {
    padding-bottom: 0;
}
.edit-link { display: none; }
.footer-widgets-wrapper {
    background-color: #333333;
    border-top: none;
}
	.column {
		float: left;
		padding-left: 1rem;
		padding-right: 1rem;
		position: relative;
	}  
	.column.full { width: 100%; }
	.column.two-thirds { width: 66.7%; }
	.column.half { width: 50%; }
	.column.third { width: 33.3%; }
	.column.fourth { width: 50%; }
	.column.fifth { width: 100%; }
	.column.fourty { width: 40%; }
	.column.sixty { width: 60%; }
	
	.column.sixty > .alignright { margin-left: 3px; }
	.column.sixty > p > .alignright { margin-left: 3px; }
	
	
	.column.flow-opposite { float: right; }  
#calcnav {
padding-bottom: 30px;
}
.main-navigation ul li ul {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
    width: 250px;
}