/*
Theme Name: TheGem Child
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/


h2{
	color:#0a3859!important;
}

/*Footer width*/

.acf-map {
	width: 100%;
	height: 600px;
	border: #ccc solid 0px;
	margin: 20px 0;
	background:#fff;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}

#footer-navigation{
	width:112%;
}

footer-nav{
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: none;
}
.site-footer a:link{
	color: #ccc;
}

.site-footer a:hover{	
	color: #873e83;
}

div.gem-testimonial-name{
	color: #004c93;
}

div.gem-testimonial-position{
	color: #fff;
}

div.gem-testimonials.style1 .gem-testimonial-wrapper:after{
    color: #004c93;
}

div.title-h5{
	color: #173658;
}

/*Footer (widget) colour*/
#colophon {
	display:none;
    background-color: #1db1a8;
}

.site-footer{
	height: inherit;
	padding-top: 0px;
	padding-bottom: 0px;
	border-top: none;
}
#footer-nav.site-footer{
	border-top: none;
}

.introBanner{
	min-height:450px;
	width:100%;
	background-position: center center;
	background-size: cover;
	position:relative;
}
.bannerStrip{
	background:#163f5b;
	/*position:absolute;*/
	width:100%;
	bottom:0;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";

  /* IE 5-7 */
  filter: alpha(opacity=95);

  /* Netscape */
  -moz-opacity: 0.95;

  /* Safari 1.x */
  -khtml-opacity: 0.95;

  /* Good browsers */
  opacity: 0.95;
}
@media only screen and (max-width: 640px){
	.bannerStrip{
		position:relative;
	}
}
.sectionButton{
    display: block;
    min-height: 200px;
    text-align: center;
    color: #fff;
    padding: 30px;
	border-left:1px solid rgba(0,0,0,0.2);
}
.sectionButton.first{
	border-left:0px solid rgba(0,0,0,0.2);
}
.sectionButton:hover{
	background:#1db1a8;
}
.sectionLabel{
	border-radius:40px;
	display:block;
	padding:6px 20px;
	margin:0 0 10px 0;
	background:#16364d;
	text-transform:uppercase;
}
.sectionContent{
	color:#fff;
}
a:hover .sectionLabel{
	color:#fff;
	background:#1e8581;
	transition: all 0.3s;
}
:target:before {
content:"";
display:block;
height:90px; /* fixed header height*/
margin:-90px 0 0; /* negative fixed header height */
}
.alertBox{
	border-radius:10px;
	padding:20px;
	color:#fff;
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#29b2a8+0,27aae0+51,27aae0+100 */
background: #29b2a8; /* Old browsers */
background: -moz-linear-gradient(left, #29b2a8 0%, #27aae0 51%, #27aae0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #29b2a8 0%,#27aae0 51%,#27aae0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #29b2a8 0%,#27aae0 51%,#27aae0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29b2a8', endColorstr='#27aae0',GradientType=1 ); /* IE6-9 */
}

.developmentContent{
	padding:36px 0;
	background:#fff;
}

.taCenter{
	text-align: center;
}

.buyNowButton, .visitWebsiteButton, .floorplanButton{
    display: inline-block;
    text-align: center;
    color: #fff;
    padding: 20px 50px;
    background: #29b2a8;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin: 0 15px 30px auto;
    width: auto;
    font-size:2.6rem;
}

.floorplanButton{
	color:#2bb1aa;
	background:#fff;
	border: 1px solid #2bb1aa;
	margin:0 auto;
    padding: 10px 30px;
    width: auto;
    font-size:2rem;
}

.floorplanButton:hover{
	color:#fff;
	background:#2bb1aa;
	border: 1px solid #2bb1aa;
}

.panelAlt{
	background:#efefef;
}


.pillContainer{
	margin:0 auto 40px auto;
	display:inline-block;
	width:auto;
	text-align:left;
	color:#fff;
	text-transform:uppercase;
}
.pillLabel{
	display:inline-block;
	margin:1px 1px 10px 1px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ec5f58+0,df458e+100 */
	background: rgb(236,95,88); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(236,95,88,1) 0%, rgba(223,69,142,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(236,95,88,1) 0%,rgba(223,69,142,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(236,95,88,1) 0%,rgba(223,69,142,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec5f58', endColorstr='#df458e',GradientType=1 ); /* IE6-9 */
	text-align:center;
	padding:6px 20px;
	-webkit-border-top-left-radius: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-moz-border-radius-bottomleft: 30px;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
}
.pillContent{
	display:inline-block;
	background:#a7a7a7;
	margin:1px 1px 10px 1px;
	text-align:center;
	padding:6px 20px;
	-webkit-border-top-right-radius: 30px;
	-webkit-border-bottom-right-radius: 30px;
	-moz-border-radius-topright: 30px;
	-moz-border-radius-bottomright: 30px;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
}
.pillLabelThree{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#29b2a8+0,28a9e0+100 */
background: rgb(41,178,168); /* Old browsers */
background: -moz-linear-gradient(left, rgba(41,178,168,1) 0%, rgba(40,169,224,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(41,178,168,1) 0%,rgba(40,169,224,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(41,178,168,1) 0%,rgba(40,169,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29b2a8', endColorstr='#28a9e0',GradientType=1 ); /* IE6-9 */
}
.pillLabelFour{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#29b2a8+0,28a9e0+100 */
background: rgb(41,178,168); /* Old browsers */
background: -moz-linear-gradient(left, rgba(41,178,168,1) 0%, rgba(40,169,224,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(41,178,168,1) 0%,rgba(40,169,224,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(41,178,168,1) 0%,rgba(40,169,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29b2a8', endColorstr='#28a9e0',GradientType=1 ); /* IE6-9 */
}
.pillLabelFive{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#29b2a8+0,28a9e0+100 */
background: rgb(41,178,168); /* Old browsers */
background: -moz-linear-gradient(left, rgba(41,178,168,1) 0%, rgba(40,169,224,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(41,178,168,1) 0%,rgba(40,169,224,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(41,178,168,1) 0%,rgba(40,169,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29b2a8', endColorstr='#28a9e0',GradientType=1 ); /* IE6-9 */
}
.sharedPrice{
	font-size:80%;
	font-weight:normal;
	color:#e8e8e8;
}
.houseTypeDesc{
	margin:0 auto 20px;
}

.houseTypeImage{
	margin:0 0 20px;
}
.houseTypeImage img{
	height:auto;
	max-width:100%;
}
.developmentContent .typeeven{
	background:#f9f9f9;
}
.propertyType{
	padding:50px 30px;
	position:relative;
}
.propertyType .sold{
	position:absolute;
	top:0;
	right:-21px;
}
.typeodd{
	background:#f2f2f2;
}

/* forms */
.gform_wrapper li.hidden_label input, body .gform_wrapper .top_label div.ginput_container, body .gform_wrapper ul li.gfield{
	margin-top:0!important;
	margin-bottom:10px;
}
@media only screen and (min-width: 641px){
	.contactForm .gform_footer{
		padding-right:0px!important;
	}
	.gform_wrapper ul.gform_fields li.gfield{
		padding-right:0px!important;
	}
}
.contactForm .gform_button{
	width:100%!important;
	background:#1DB1AF;
}