/*******************************************************
 *
 * IP Blog Custom Banner
 *
 *******************************************************/
#inner-page-wrapper > .container {
	width: 100%;
	padding: 0;
}

/* Hides Global Banner */

.ip-banner {
    display: none;
}

#content-sidebar, 
#content-full{
	margin-top: 0;
}

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


/* Blog Banner */
.ip-blog-banner-wrap {
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 0px;
    overflow: hidden;
}

.ip-blog-banner {
    background: #000;
    font-size: 0;
}

	.ip-blog-banner .ip-image-wrap,
	.ip-blog-banner .ip-page-title {
	    position: relative;
	    display: inline-block;
	    vertical-align: middle;
	}

	.ip-blog-banner .ip-page-title { width: 47%; }
	.ip-blog-banner .ip-image-wrap { width: 53%; padding-left: 235px;}


	.ip-blog-banner .ip-image-wrap {}

		.ip-blog-banner .ip-image-wrap > canvas {
		    background-size: cover;
		    background-repeat: no-repeat;
		    background-position: center;
		    width: calc(((100vw - 1320px ) /2 ) + 100% );
		    height: 600px;
		}

		.ip-blog-banner .ip-image-wrap .ip-featured-img {
		    position: absolute;
		    right: 0;
		    bottom: -20px;
		}

		.ip-blog-banner .ip-featured-img canvas{
			width: 100%;
			height: 500px;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}

	.ip-blog-banner .ip-page-title{ padding-top: 100px; }

		.ip-blog-banner .ip-page-title p#breadcrumbs {
		    font-size: 18px;
		    text-transform: capitalize;
		    color: #666;
		    font-weight: 300;
		    margin-bottom: 10px;
		}

		.ip-blog-banner .ip-page-title p#breadcrumbs .breadcrumb_last{
			color: #fff;
		}

		#content .ip-blog-banner .ip-page-title h2.entry-title {
		    /*font-family: 'Lora', serif;*/
		    font-family: 'Playfair Display', serif;
		    color: #fff;
		    text-transform: capitalize;
		    font-size: 75px;
		    margin: 0;
		    padding-left: 45px;
		}

		#content .ip-blog-banner .ip-page-title h2.entry-title:after {
		    content: '';
		    width: 30%;
		    background: #fff;
		    height: 1px;
		    display: block;
		    margin-top: 15px;
		}

.press-holder {
	margin: 0 -65px;
	text-align: center;
	font-size: 0;
}
	.press-item {
		text-align: center;
		padding: 0 5px;
		float: none;
		display: inline-block;
		vertical-align: middle;
		margin: 32px 28px;
	}
		.press-item a {
			display: inline-block;
		}
		.press-item a:hover {
			filter: grayscale(1);
		}
			.press-item img {
				max-width: 100%;
			}

.ip-blog-sort {
	font-size: 0;
	text-align: right;
	margin: 20px 0;
}
	.ip-blog-sort span {
		display: inline-block;
		vertical-align: middle;
		font-size: 20px;
		text-transform: uppercase;
		margin-right: 15px;
	}
	.ip-blog-sort .field-input {
		display: inline-block;
		vertical-align: middle;
	}
		.ip-blog-sort select {
			display: inline-block;
			vertical-align: middle;
			-webkit-appearance: none;
		    -moz-appearance: none;
		    appearance: none;
		    font-size: 13px;
		    font-weight: 300;
		    color: #000000;
		    letter-spacing: 0.05em;
		    text-transform: uppercase;
		    border: 1px solid #000000;
		    width: 100%;
		    height: 58px;
		    padding: 0 18px;
		    background: none;
		}

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

	.ip-blog-list .ip-blog-item{
		width: 50%;
		padding: 0 45px;
		height: 670px;
		display: inline-block;
		vertical-align: top;
		margin-bottom: 90px;
        font-size: 15px;
	}

	.ip-blog-list .ip-blog-item:last-child, 
	.ip-blog-list .ip-blog-item:nth-last-child(2) {
	    height: initial !important;
	}

		.ip-blog-list .ip-blog-item.line-dsgn:after {
		    width: 1px;
		    content: '';
		    height: 180px;
		    margin: 0 auto;
		    display: block;
		    background: #000;
		}

		.ip-blog-item a {
		    display: block;
		    position: relative;
		    margin-bottom: 50px;
		    overflow: hidden;
		}

		.ip-blog-item .ip-img-wrap {
		    display: block;
		    position: relative;
		}

/*			.ip-blog-item a:hover .ip-img-wrap canvas{
				transform: scale(1.2) translateZ(0);
			}*/

			.ip-blog-item .ip-img-wrap canvas{
				width: 100%;
				background-size: cover;
				background-repeat: no-repeat;
				overflow: hidden;
				transform: scale(1) translateZ(0);

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

				.ip-blog-item a:hover .ip-img-wrap canvas {
				    transform: scale(1.8) translateZ(0);
				}

		.ip-blog-item .ip-blog-dtls {
		    display: block;
		    position: relative;
		    text-align: center;

		    -webkit-transition: all 0.35s ease-in-out;
		    -moz-transition: all 0.35s ease-in-out;
		    -o-transition: all 0.35s ease-in-out;
		    transition: all 0.35s ease-in-out;
		}

			.ip-blog-item a:hover .ip-blog-dtls.default-dtls {
				opacity: 0;
			}


			.ip-blog-item .ip-blog-title{
				position: relative;
			}

			.ip-blog-item .ip-blog-title > span{
				font-family: 'Poppins', sans-serif;
				display: block;
				padding: 20px 0 10px;
				line-height: 1;
				font-size: 18px;
				color: #999999;
				text-transform: uppercase;
				font-weight: 400;
			}

			#content .ip-blog-item .ip-blog-title > h3{
				color: #000000;
				line-height: 45px;
				text-transform: capitalize;
				font-size: 35px;
				font-weight: 400;
				/*font-family: 'Lora', serif;*/
				font-family: 'Playfair Display', serif;
				margin: 0;
			}

		.ip-blog-item .ip-blog-dtls.active-dtls {
		    position: absolute;
		    height: 100%;
		    width: 100%;
		    top: 0;
		    left: 0;
		    background: rgba(0, 0, 0, .75);
		    font-size: 0;

		    transform: translateY(30%);
		    opacity: 0;
		}

			.ip-blog-item .active-dtls .ip-blog-title:before {
			    content: '';
			    position: absolute;
			    top: 125%;
			    width: 1px;
			    height: 500px;
			    background: #fff;
			    left: 50%;
			}

			.ip-blog-item a:hover .ip-blog-dtls.active-dtls{
				transform: translateY(0);
				opacity: 1;
			}

			.ip-blog-item .ip-blog-dtls.active-dtls:before{
				content: '';
				display: inline-block;
				vertical-align: middle;
				width: 0;
				height: 100%;
			}

			.ip-blog-item .active-dtls .ip-blog-title {
			    display: inline-block;
			    vertical-align: middle;
			    width: 100%;
			    padding: 0 15px;
			}

			.ip-blog-item .active-dtls .ip-blog-title > span{
				color: #fff;
			}

			#content .ip-blog-item .active-dtls .ip-blog-title > h3{
				color: #fff;
			}

.ip-blog-loadmore {
    display: block;
    margin-bottom: 90px;
    text-align: center;
}

	.ip-blog-loadmore .site-btn{
		background-color: #000;
		margin: 0 auto;
	}

#breadcrumbs {
    padding: 0 45px;
}

.custom-page-links .page-numbers {
    /*display: none !important;*/
}

.page-links.custom-page-links .page-numbers.prev,
.page-links.custom-page-links .page-numbers.next {
    display: inline-block !important;
}

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

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

.ip-blog-banner .ip-image-wrap > canvas {
    width: calc(((100vw - 1140px ) /2 ) + 100% );
}

.ip-blog-banner .ip-image-wrap .ip-featured-img canvas {
    max-width: 520px;
}

} 

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

.ip-blog-banner .ip-image-wrap > canvas {
    width: calc(((100vw - 935px ) /2 ) + 100% );
}

#content .ip-blog-banner .ip-page-title h2.entry-title {
    font-size: 65px;
    padding-left: 45px;
}

.ip-blog-banner .ip-image-wrap .ip-featured-img canvas {
    max-width: 420px;
}

#content .ip-blog-item .ip-blog-title > h3 {
    font-size: 30px;
    line-height: 35px;
}

} 

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

	.press-holder{margin: 0;}
	

	.ip-blog-banner .ip-image-wrap, .ip-blog-banner .ip-page-title {
	    display: block;
	    width: 100%;
	    padding: 0;
	}

	.ip-blog-banner .ip-page-title {
	    margin-bottom: 30px;
	    padding: 0 15px;
	}

	#content .ip-blog-banner .ip-page-title h2.entry-title {
	    padding-left: 0;
	}

	.ip-blog-banner .container.custom-container {
	    position: relative;
	    width: 100%;
	    padding: 0;
	}

	.ip-blog-banner .ip-image-wrap .ip-featured-img {
	    width: 100%;
	    padding: 0 15px;
	}

	.ip-blog-banner .ip-image-wrap .ip-featured-img canvas {
	    margin: 0 auto;
	    display: block;
	}

	.ip-blog-banner .ip-image-wrap > canvas {
	    max-height: 500px;
	    width: 100%;
	}

	.ip-blog-banner-wrap {
	    margin-bottom: 30px;
	}

	.ip-blog-list .ip-blog-item {
	    display: block;
	    width: 100%;
	    padding: 0;
	    max-width: 420px;
	    margin: 0 auto 30px;
	}

	.ip-blog-list .ip-blog-item.line-dsgn:after{
		display: none;
	}

	.ip-img-wrap canvas {
	    transform: scale(1.8) translateZ(0) !important;
	}
	.ip-blog-dtls.active-dtls {
	    transform: translateY(0) !important;
	    opacity: 1 !important;
	}
	.ip-blog-dtls.default-dtls {
	    opacity: 0 !important;
	}
} 

/* 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) {

	#content .ip-blog-banner .ip-page-title h2.entry-title {
	    font-size: 45px;
	}
	#content .ip-blog-item .ip-blog-title > h3 {
	    font-size: 15px;
	    line-height: 25px;
	}
	.ip-blog-item .ip-blog-title > span {
		font-size: 13px;
	}

}