/*
Theme Name: Remax Temple Belton SC
Theme URI: http://www.agentimage.com
Description: AIOS mobile semi-custom theme.
Author: AgentImage
Author URI: http://www.agentimage.com
Version: 1.0.5
Tags: one-column, two-columns, right-sidebar, custom-menu, full-width-template, sticky-post
License: Proprietary
License URI: http://www.agentimage.com
Template: aios-starter-theme
*/

/* CSS by Manuel Parejas */

/*

TABLE OF CONTENTS

1. 	Custom CSS
2.	IP styles
3.	Mobile styles
  
*/

/*******************************************************
 *
 * 1. Custom CSS
 *
 *******************************************************/

/* Global */

/* Placeholder Effect */
[placeholder]:focus::-webkit-input-placeholder {
 transition: all 0.2s linear;
 transform: translate(10px, 0);
	opacity: 0;
	color:inherit;
	overflow: hidden;
}

textarea:focus {
	overflow-x: hidden;
}

html,
body {
	height: 100%;
	position: relative;
}

body{
	font: 400 13px/20px "Open Sans";
	background: #FFF;
	color: #737373;
	margin: 0;
	min-width: 1200px;
}

.outer {
	min-width: 1200px;
}

.inner {
	width: 1200px;
	box-sizing: border-box;
}


body.home #main-wrapper,
body.home .hp-top-cover {
	height: 100%;
}

#headerwrapper {
	position: relative;
	color: #fff;
	top: 0;
	    z-index: 999;
	position: fixed;
}

#headerwrapper.fixed-header {
	position: fixed;
	z-index: 9999;
	top: 0;
}

	.header-top {
		background: rgba(0,0,0,.33);
		position: relative;
	}

		.header-top:after {
			clear: both;
			content: '';
			display: block;
		}

		.header-left {
			float: left;
			width: 300px;
			padding: 13px 0;
		}

			.header-left img {
				display: block;
			}

		.header-right {
			float: right;
			text-align: right;
			width: 455px;
			font: 400 13px "Open Sans";
			padding: 13px 0;
		}

			.header-right strong,
			.header-right span {
				display: block;
			}

			.header-right strong {
				text-transform: uppercase;
				font-size: 14px;
			}

				.contact-box {
					position: relative;
					width: 275px;
					margin-left: auto;
					font-size: 0;
				}

					.contact-box:after {
						content: '';
						display: block;
						clear: both;
					}

						.contact-box .cbox-left {
							display: inline-block;
							vertical-align: middle;
							width: 228px;
							text-align: left;
							font-size: 13px;
						}

							.cbox-left .h-phone,
							.cbox-left .h-fax {
								display: inline-block;
								vertical-align: middle;
							}

								.cbox-left .h-fax  {
									margin-left: 15px;
								}

								.h-phone:before,
								.h-fax:before,
								.h-email:before {
									display: inline-block;
									vertical-align: middle;
									margin-top: -2px;
									margin-right: 5px;
									width: 14px;
									height: 14px;
									content: '';
									background: url(images/sprite.png) no-repeat;
								}

								.h-phone:before {
									background-position: -9px -8px;
								}

								.h-fax:before {
									background-position: -41px -8px;
								}

								.h-email:before {
									background-position: -74px -7px;
								}

							.cbox-left .h-email {
								display: block;
							}

						.contact-box .cbox-right {
							display: inline-block;
							vertical-align: middle;
							width: 27px;
							margin-left: 12px;
						}

							.cbox-right .fb {
								transition: all .25s ease-in-out;
								-webkit-transition: all .25s ease-in-out;
								-moz-transition: all .25s ease-in-out;
							}

								.cbox-right .fb:hover {
									opacity: 0.8;
								}





	.nav {
		margin-top: 1px;
		background: rgba(0,0,0,.33);
	}

		.nav .inner {
			width: 1200px;
		}	

			.sf-menu {
				margin: 0;
				padding: 0;
				list-style: none;
				text-align: center;
				font-size: 0;
			}

				.sf-menu li {
					display: inline-block;
					vertical-align: middle;
					padding: 7px 45px;
					position: relative;
				}

					.sf-menu li:first-child {
						padding-left: 0;
					}

					.sf-menu li:last-child {
						padding-right: 0;
					}

					.sf-menu li a {
						display: block;
						padding: 5px;
						font: 400 14px/14px "Open Sans";
						text-decoration: none;
						text-transform: uppercase;
						letter-spacing: 1px;
					}

					.sf-menu li ul {
						display: none;
						position: absolute;
						left: 0;
						padding-top: 7px;
						width: 180px;
						left: 50%;
						margin-left: -90px;
						z-index: 2;
					}

						.sf-menu li ul li {
							display: block;
							padding: 0;
							transition: all .25s ease-in-out;
							-webkit-transition: all .25s ease-in-out;
							-moz-transition: all .25s ease-in-out;
						}

							.sf-menu li ul li a {
								display: block;
								padding: 5px 15px;
								margin-top: 1px;
								background: rgba(0,0,0,.33);
							}

							.sf-menu li ul li:hover > a{
								background: rgba(0,0,0,.50);
							}

								.sf-menu li ul li ul {
									left: 100%;
									top: 0;
									margin: -1px 0 0 0;
									padding:  0 0 0 1px;
								}


#hero {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
}

#welcomewrap {
	padding: 21px 63px;
	background: rgba(255,255,255,.80);
}

	#welcomewrap h1 {
		font: 700 20px/16px "Raleway";
		color:#373737;
		text-transform: uppercase;
		letter-spacing: 1px;
		padding: 19px 0;
		border-bottom: 1px solid #b9c1c9;
		margin-bottom: 17px;
	}

	#welcomewrap p {
		margin-bottom: 17px;
	}

#ctawrapper.inner {
	position: relative;
	margin: 40px auto;
}

	#ctawrapper ul {
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: 0;
	}

		#ctawrapper ul li {
			display: inline-block;
			vertical-align: middle;
			position: relative;
			margin-left: 21px;
			width: 386px;
			height: 53px;
			background: rgba(0,0,0,.80);
			box-sizing: border-box;

			transition: all .25s ease-in-out;
			-webkit-transition: all .25s ease-in-out;
			-moz-transition: all .25s ease-in-out;
		}

			#ctawrapper ul li:after {
				width: 100%;
				height: 1px;
				background: rgba(255,255,255,.2);
				position: absolute;
				left: 0;
				bottom: 4px;
				content: '';
			}

			#ctawrapper ul li:first-child {
				margin-left: 0px;
			}

			#ctawrapper ul li a {
				display: block;
				text-decoration: none;
				text-align: center;
				font: 600 20px/20px "Raleway";
				text-transform: uppercase;
				padding: 16px 20px;
				color: #fff;
				letter-spacing: 1px;
				overflow: hidden;
			}

				#ctawrapper ul li a span {
					display: inline-block;
					vertical-align: middle;
					position: relative;
				}

					#ctawrapper ul li a span:after {
						position: absolute;
						right: -32px;
						top: 0;
						width: 12px;
						height: 20px;
						background: url(images/sprite.png) -98px -10px no-repeat;
						content: '';
					}

		#ctawrapper ul li:hover {
			background: rgba(0,0,0,.90);
		}

#featuredpropertywrap {
	background: rgba(255,255,255,.80);
}

	#featuredpropertywrap h3 {
		font: 700 20px/17px "Raleway";
		color: #373737;
		text-transform: uppercase;
		text-align: center;
		padding: 27px 0;
		letter-spacing: 1px;
	}

		.fp-list *{
			outline: none;
		}

		.fp-list .slick-arrow {
			position: absolute;
			top: 92px;
			z-index: 9999;
			font-size: 0;
			border:none;
			width: 25px;
			height: 40px;
			background: url(images/sprite.png) no-repeat;

			cursor: pointer;

			transition: all .25s ease-in-out;
			-webkit-transition: all .25s ease-in-out;
			-moz-transition: all .25s ease-in-out;

			appearance:none;
			-webkit-appearance:none;
			-moz-appearance:none;
		}

			.fp-list .slick-arrow:hover {
				opacity: 0.8;
			}

			.fp-list .slick-arrow.slick-prev {
				left: 12px;
				background-position: -4px -33px;
			}

			.fp-list .slick-arrow.slick-next {
				right: 12px;
				background-position: -43px -33px;
			}

		.fp-item {
			width: 315px;
			height: 205px;
			box-sizing: border-box;
			position: relative;
			overflow: hidden;
		}

			.fp-item .fp-img {
				width: 315px;
				height: 205px;
				position: relative;

				transition: all .25s ease-in-out;
				-webkit-transition: all .25s ease-in-out;
				-moz-transition: all .25s ease-in-out;
			}

			.fp-item:hover .fp-img,
			.fp-info:hover a.details{
				opacity: 0.8;
			}

			.fp-item .fp-info {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				background: rgba(30,30,30,.80);
				color: #fff;
				padding: 9px 8px 5px 12px;
				box-sizing: border-box;
			}

				.fp-info .fp-info-meta-a {
					position: relative;
				}

					.fp-info .fp-info-meta-a strong {
						float: left;
						font: 600 19px "Open Sans";
					}

					.fp-info .fp-info-meta-a a.details {
						float: right;
						background: #fff;
						color: #000;
						font: 600 12px "Open Sans";
						text-transform: uppercase;
						padding: 4.5px 32px;

						transition: all .25s ease-in-out;
						-webkit-transition: all .25s ease-in-out;
						-moz-transition: all .25s ease-in-out;
					}

				.fp-info .fp-info-meta-a:after {
					content: '';
					clear: both;
					display: block;
				}

				.fp-info .fp-info-meta-b {
					font: 300 12px "Open Sans";
				}

				.fp-info .fp-info-meta-b span{
					font: 400 13px "Open Sans";
					text-transform: uppercase;
					display: block;
					margin: 3px 0 0 0;
				}

#featuredcommunitieswrap.inner {
	position: relative;
	margin: 40px auto;
	background: rgba(255,255,255,.80);
}

	#featuredcommunitieswrap h3 {
		font: 700 20px/17px "Raleway";
		color: #373737;
		text-transform: uppercase;
		text-align: center;
		padding: 46px 0 38px;
		letter-spacing: 1px;
	}
	

	.fc-list {
		padding: 0 0 20px;
	    position: relative;
	    font-size: 0;
	    text-align: left;
	    width: 1149px;
	    margin: 0 auto;
	    height: 160px;
	}

		.fc-list a {
			display: inline-block;
			vertical-align: top;
			width: 174px;
			height: 33px;
			padding: 7px 26px 7px 7px;
			font: 400 14px "Open Sans";
			color: #373737;
			border-bottom: 1px solid #aaacaf;
			margin: 0 8.5px;
			box-sizing:border-box;
			position: relative;

			transition: all .25s ease-in-out;	
			-webkit-transition: all .25s ease-in-out;	
			-moz-transition: all .25s ease-in-out;
		}

			.fc-list a:after {
				font: 400 14px "Open Sans";
				color: #373737;
				content: '»';
				display: block;
				position: absolute;
				top: 5px;
				right: 8px;
				transition: all .25s ease-in-out;	
				-webkit-transition: all .25s ease-in-out;	
				-moz-transition: all .25s ease-in-out;	
			}

				.fc-list a:hover:after {
					right: 15px;
				}

				.fc-list a:hover {
					color: #000;
				}

#ctawrapper2.inner {
	background: rgba(255,255,255,.80);
	padding: 17px 32px 21px;
	box-sizing: border-box;
}	
	
	#ctawrapper2 ul {
		margin: 0;
		padding: 0;
		list-style: none;
		font-size: 0;
	}

		#ctawrapper2 ul li {
			box-sizing: border-box;
			display: inline-block;
			vertical-align: middle;
			margin-left: 64px;
			height: 44px;
			border-bottom: 2px solid #7c7d7e;
			width: 236px;
			box-sizing: border-box;
			position: relative;
		}

		#ctawrapper2 li:first-child {
			margin-left: 0;
		}

		#ctawrapper2 ul li a {
			position: relative;
			display: block;
			height: 100%;
			font-size: 0
		}

			#ctawrapper2 ul li a:before {
				display: inline-block;
				vertical-align: middle;
				width: 0;
				height: 100%;
				content: '';
			}

			#ctawrapper2 ul li a span {
				font: 700 17px/18px "Raleway";
				color: #323232;
				text-transform: uppercase;
				text-decoration: none;
				display: inline-block;
				vertical-align: middle;
				width: 100%;
				box-sizing: border-box;
				padding: 0 35px 0 0;
				position: relative;
			}

				#ctawrapper2 ul li a span:after {
					width: 7px;
					height: 12px;
					position: absolute;
					right: 5px;
					top: 50%;
					margin-top: -6px;
					content: '';
					background: url(images/sprite.png) -82px -40px no-repeat;

					transition: all .25s ease-in-out;	
					-webkit-transition: all .25s ease-in-out;	
					-moz-transition: all .25s ease-in-out;	
				}

				#ctawrapper2 ul li a:hover span:after {
					right: 14px;
				}

#hpwidget-area.inner {
	position: relative;
	margin: 40px auto;
	text-align: center;
}

	#hpwidget-area.inner a {
		display: inline-block;
		vertical-align: middle;
	}

	#hpwidget-area.inner a.grey-btn {
		width: 515px;
		height: 46px;
		background: #3c3c3c;
		padding: 15px 17px;
		text-align: center;
		font: 400 13px "Raleway";
		color: #fff;
		box-sizing: border-box;

		transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
	}

		#hpwidget-area.inner a.grey-btn:hover {
			background: #252525;
		}

	#hpwidget-area.inner a.fb-square {
		margin: 0 29px;
		transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
	}

		#hpwidget-area.inner a.fb-square img {
			display: block;
		}

		#hpwidget-area.inner a.fb-square:hover {
			opacity: 0.8;
		}

	#blogwrapper.inner {
		background: rgba(255,255,255,.80);
		padding: 22px 63px 25px;
		box-sizing: border-box;
	}

		#blogwrapper h3 {
			text-align: left;
			border-bottom: 1px solid rgba(0,0,0,.20);
			padding: 17px 0px;
			font: 700 20px/20px "Raleway";
			color: #373737;
			letter-spacing: 2px;
			text-transform: uppercase;
			margin-bottom: 17px;
		}

			.blog-list {
				position: relative;
				font-size: 0;
			}

				.blog-list:after {
					clear: both;
					content: '';
					display: block;
				}

				.blog-item {
					position: relative;
					width: 325px;
					float: left;
					margin-left: 49.5px;
					min-height: 187px;
				}

				.blog-item:first-child {
					margin-left: 0;
				}

					.blog-item strong {
						display: block;
						font: 500 18px/18px "Raleway";
						color: #373737;
						padding: 14px 0;
						border-bottom: 1px solid rgba(0,0,0,.10);
						margin-bottom: 10px;
					}

					.blog-item p {
						font: 400 13px/20px "Open Sans";
						color: #565656;
						display: block;
					}




#footerwrapper {
	margin-top: 40px;
	background: rgba(0,0,0,.33);
	padding: 0px 0;
	font: 400 12px "Open Sans";
	color:#fff;
	text-shadow: 0.5px 0.866px 2px rgb( 0, 0, 0 );
	padding: 38px 0;
}

	#footerwrapper a {
		text-decoration: none;
	}

	.footer-left {
		float: left;
		width: 845px;
	}

		.footercredits {
			margin-top: 3px;
		}

		.footernav {
			margin: 0;
			padding: 0;
			list-style: none;
			font-size: 0;
		}

			.footernav li {
				display: inline-block;
				vertical-align: middle;
				padding: 0 12.5px;
				position: relative;
			}

				.footernav li:first-child:before {
					display: none;
				}

				.footernav li:first-child {
					padding-left: 0;
				}

				.footernav li:before {
					display: block;
					position: absolute;
					left:-2.6px;
					content: '|';
					text-shadow: 0.5px 0.866px 2px rgb( 0, 0, 0 );
					font: 400 12px "Open Sans";
					color:#fff;
				}

				.footernav li a {
					display: inline-block;
					vertical-align: middle;
					font: 400 12px "Open Sans";
					color:#fff;
				}


			.footernav li ul {
				display: none!important;
			}


	.footer-right {
		float: right;
		text-align: right;
		width: 200px;
		padding: 4px 0 0;
	}


 
/*******************************************************
 *
 * 2. IP Styles
 *
 *******************************************************/
.ip-bg {
	position: fixed;
	top:0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(images/slide.jpg) center top ;
	background-size: cover;
}

#inner-page-wrapper {
	margin-top: 30px;
}

.yoast-breadcrumbs {
	margin: 0;
}

#inner-page-wrapper .inner {
	background: rgba(255,255,255,.80);
	box-sizing: border-box;
	padding: 20px;
	box-shadow: 0 0 4px #424242;
	    margin-top: 160px;
}

#content-sidebar, #content-full{
	min-height: 500px;
    width: 1160px;

}

#content-full #content {
	width: 100%; 
}

	/** Content Sidebar **/
	#content-sidebar #content{
		width: 880px;
	}

		/* Styles for post/page main headings (h1) */
		#content .entry-title { 
			font: 700 22px/16px "Raleway";
		    color: #373737;
		    text-transform: uppercase;
		    letter-spacing: 1px;
		}

		/* Styles for category/archive/etc main headings (h1) */

		#content .archive-title { 
			font: 700 22px/16px "Raleway";
		    color: #373737;
		    text-transform: uppercase;
		    letter-spacing: 1px;
		}

		/* Styles for category/archive/search/etc subheadings (h2) */

		#content .archive-subtitle { 
			font: 700 17px/14px "Raleway";
		    color: #373737;
		    text-transform: uppercase;
		    letter-spacing: 1px;
		}
	 
	 /** Sidebar **/
	.sidebar{

	}

/* Contact Page */
.aidefcf-wrapper-contact-us {
	float: left;
}

.contact-map {
	float: right;
}

/*******************************************************
 *
 * 3. Mobile styles
 *
 *******************************************************/

 #content .agent-holder{
 	width: 30%;
    position: relative;
    margin-bottom: 35px;
    display: inline-block;
    vertical-align: top;
 }

 #content .agent-holder .agent-all-contact{
 	float: none;
    width: 100%;
    margin-left: 0px;
    text-align: center;
 }

 #content .agent-holder .agent-img-icon {
    margin-bottom: -2px;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 11%;
    top: 4px;
}

 #content .agent-holder .attachment-agent-image{
 	width: 70%;
    float: none;
    margin: 0px auto;
 }

@media only screen and (max-width: 977px) {

	#ihf-main-container .btn {
		white-space: normal;
	}

	#inner-page-wrapper .inner {
		margin: 0;
	}

	body.home #main-wrapper, body.home .hp-top-cover {
		height: auto;
	}
	body {
		min-width: 300px;
	}

	#inner-page-wrapper {
		margin: 0;
	}
	#inner-page-wrapper .inner {
		padding: 10px 0;
	}
	.inner {
	    width: 100%;
	}
	#content-sidebar, #content-full {
	    width: 100%;
	}	
	.outer{
		width: 100%;
		min-width: 100%;
	}
	#content-sidebar #content{
		width: 100%;
	}
}


#ihf-main-container .modal {
	z-index: 99999;
}

#ihf-main-container .nav {
	margin: 0;
	background: none;
}

ul.chosen-results {
	margin: 0!important
}



@media only screen and (max-width: 977px) {

	.ihf-grid-result-price {
		margin: -20px -34px 14px!important;
	}

	.ihf-grid-result-basic-info-container > div {
		font-size: 12px;
	}

	.ihf-grid-result {
		margin-bottom: 20px;
	}


	#content .agent-holder {
		width: 100%;
		display: block;
	}

	.aidefcf-wrapper-contact-us,
	.contact-map {
		float: none;
	}

	.ihf-mapsearch-refine-overlay {
		max-width: 345px;
	}

	.ihf-map-info-window-content .ihf-map-info-window-detail {margin-left: 25px !important;}
	.ihf-container-modal .modal-backdrop {z-index: 99999 !important;}
	#ihf-main-container .modal {z-index: 999999 !important;}
}

@media only screen and (max-width: 700px) {
	#ihf-detail-extrainfotabs ul.dropdown-menu {left: -110% !important;}
}



@media only screen and (max-width: 360px) {
	
	#ihf-main-container .btn-group > .btn-group {
		float: right!important;
	}

	#ihf-main-container .pagination > li {
		display: inline-block!important;
		vertical-align: middle;
		font-size: 13px;
		float: none!important;
	}

	#ihf-leadcapture-btns a {
		width: 32%!important;
	}
		
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  {
	body {
		width: 1280px;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	body {
		width: 1280px;
	}
}

.aios-mobile-pack-social-media,
.aios-mobile-pack-fixed-header {
	z-index: 99999!important;
}



.single-aios_agent #content .agent-holder .attachment-agent-image {
    margin: 0;
}

.single-aios_agent .agent-holder .agent-contacts {
    width: 100%;
    float: none;
    margin-left: 0;
}

.single-aios_agent .agent-holder .agent-contact-detail {
    padding-left: 0;
}

.single-aios_agent .agent-holder .agent-contact-name .agent-img-icon {
    display: none;
}

.single-aios_agent .agent-holder .agent-description {
	padding: 0;
}

.single-aios_agent  #content .agent-holder .agent-img-icon {
	display: inline-block;
	position: static;
}

.single-aios_agent .agent-contact-name .agent-img-icon {
    display: none!important;
}

.ihf-grid-result-address {
	white-space: normal;
}