/*******************************************************
 *
 * IP Testimonials
 *
 *******************************************************/

.page-template-template-property-archive #content-sidebar, 
.page-template-template-property-archive #content-full{
	margin-top: 0;
}

.page-template-template-property-archive #inner-page-wrapper{
	margin-bottom: 0;
}

#content .entry {
    background-image: url(../../images/bg-dotted.png);
}

.ip-pp-archive {
    padding: 70px 0 0;
    overflow: initial;
}


	.ip-pp-archive .ip-ppa-list {
	    font-size: 0;
	    display: block;
	    position: relative;
	    margin: 0 -20px;
	}

	.ip-pp-archive .ip-ppa-item {
	    display: inline-block;
	    vertical-align: top;
	    width: 33.3333%;
	    margin-bottom: 70px;
	    padding: 0 20px;
	}

		.ip-pp-archive .ip-ppa-item a{
			display: block;
			position: relative;
		}

		.ip-pp-archive .ip-ppa-img {
		    position: relative;
		    display: block;
		}

			.ip-pp-archive .ip-ppa-img .img-wrap {
			    position: relative;
			    display: block;
			    font-size: 0;
			}

				.ip-pp-archive .ip-ppa-img .img-wrap:before {
				    position: absolute;
				    top: 0;
				    left: 0;
				    width: 100%;
				    height: 100%;
				    background: #000;
				    content: '';
				    opacity: .30;
				    
				    transition: 600ms ease-in-out;
				    -webkit-transition: 600ms ease-in-out;
				    -moz-transition: 600ms ease-in-out;
				    -o-transition: 600ms ease-in-out;
				}

				.ip-pp-archive .ip-ppa-item a:hover .img-wrap:before {
					opacity: 0;
				}

			.ip-pp-archive .img-wrap canvas{
				width: 100%;
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
			}

			.ip-pp-archive .ip-ppa-img .desc-wrap {
			    background: #000;
			    position: absolute;
			    bottom: 25px;
			    left: 25px;
			    padding: 20px;
			    max-width: 285px;
			    width: 100%;
			}

			.ip-pp-archive .desc-wrap div, 
			#content .ip-pp-archive .desc-wrap ul{
				font-size: 14px;
				color: #fff;
				font-weight: 300;
				font-family: 'Roboto', sans-serif;
				text-transform: uppercase;
				letter-spacing: .025em;
				line-height: 1;
			}

			.ip-pp-archive .desc-wrap div{
				margin-bottom: 15px;
			}

			#content .ip-pp-archive .desc-wrap ul{
				margin: 0;
			}

			.ip-pp-archive .desc-wrap li{
				display: inline-block;
				vertical-align: middle;
				padding-left: 3px;
			}

			.ip-pp-archive .desc-wrap li:after{
				height: 14px;
				content: '';
				display: inline-block;
				vertical-align: middle;
				width: 1px;
				background-color: #fff;
				margin-left: 8px;
			}

			.ip-pp-archive .desc-wrap li:first-child{padding-left: 0;}
			.ip-pp-archive .desc-wrap li:last-child{margin-bottom: 0;}
			.ip-pp-archive .desc-wrap li:last-child:after{display: none;}

		.ip-pp-archive .ip-ppa-address{
			margin-top: 30px;
			padding-top: 30px;
			display: block;
			font-size: 0;
			position: relative;
			text-align: center;
		}

			.ip-pp-archive .ip-ppa-address:before {
			    left: calc(50% - 32px);
			    content: '';
			    height: 1px;
			    background: #000;
			    width: 64px;
			    display: block;
			    position: absolute;
			    top: 0;
			}

			.ip-pp-archive .ip-ppa-address .main-address{
				font-size: 25px;
				color: #000;
				text-transform: uppercase;
				letter-spacing: .050em;
				line-height: 1;
				font-weight: 400;
				/*font-family: 'Lora', serif;*/
				font-family: 'Playfair Display', serif;
				display: block;
				margin-bottom: 5px;
			}

			.ip-pp-archive .ip-ppa-address .sub-address{
				font-size: 15px;
				color: #000;
				text-transform: uppercase;
				letter-spacing: .050em;
				line-height: 1;
				font-weight: 300;
				font-family: 'Roboto', sans-serif;
				display: block;
			}



.ip-ppa-pagination {
    display: block;
    text-align: center;
    margin-bottom: 110px;
}

	#content .ip-ppa-pagination ul{
		text-align: center;
		margin: 0;
	}

	.ip-ppa-pagination li{
		display: inline-block;
		vertical-align: middle;
		padding: 0 5px;
	}

	.ip-ppa-pagination a{
		display: block;
		height: 40px;
		width: 40px;
		border: 1px solid #000;
		font-size: 0;
		position: relative;
		/*font-family: 'Lora', serif;*/
		font-family: 'Playfair Display', serif;
		line-height: 1;
		text-align: center;
		font-weight: 400;
		color: #000;

		transition: 400ms ease-in-out;
		-webkit-transition: 400ms ease-in-out;
		-moz-transition: 400ms ease-in-out;
		-o-transition: 400ms ease-in-out;
	}

		.ip-ppa-pagination a:hover,
		.ip-ppa-pagination a.active{
			color: #fff;
			background-color: #000;
		}

	.ip-ppa-pagination a:before{
		height: 100%;
		width: 0;
		content: '';
		display: inline-block;
		vertical-align: middle;
	}

	.ip-ppa-pagination a span{
		display: inline-block;
		vertical-align: middle;
		font-size: 20px;
	}


/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/

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

} 
 
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {
	.ip-pp-archive .ip-ppa-img .desc-wrap {
		left: 10px;
		bottom: 10px;
		width: calc( 100% - 20px );
		padding: 20px 15px;
	}

	.ip-pp-archive .ip-ppa-address .sub-address {
	    font-size: 13px;
	}
} 

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {

.ip-pp-archive .ip-ppa-item {
    width: 100%;
    max-width: 520px;
    margin: 0 auto 30px;
    display: block;
}

.ip-pp-archive .ip-ppa-img .desc-wrap {
    position: relative;
    width: 100%;
    left: 0;
    max-width: 100%;
    bottom: 0;
}

} 

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 
@media only screen and (max-width: 767px) {

}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {


}