.itr-blog-page-header{
	padding: 16px 0;
	background-color: $grey200;
	.ht-wrapper{
		@media (min-width: $screen-sm-min){
			display: flex;
		}
		.flex-item{
			@media (max-width: $screen-sm-min){
				& + .flex-item{
					margin-top: 12px;
				}
			}
		}
	}
	.itr-page-header__title{
		margin: 0 ;
		padding: 0;
		line-height: 30px;
		font-size: 24px;
		font-weight: 500;
		color: $grey900;
	}
	.itr-page-header__subtitle{
		margin: 4px 0 0;
		padding: 0;
		line-height: 18px;
		font-size: 13px;
		font-weight: 400;
		color: $grey700;
	}
}
.itr-blog__featured-posts{
	margin: 12px -12px;
	@media (min-width: $screen-sm-min){
		margin: 24px 0;
	}
	.carousel-indicators{
		display: none;
	}
	.ht-carousel-control{
		position: absolute;
    top: 50%; margin-top: -18px;
    padding: 0;
    width: 36px;
    height: 36px;
    text-align: center;
    color: #fff;
    background-color: rgba(#000,.4);
    border: 0;
    border-radius: 2px;
    outline: none;
    cursor: pointer;
    i{
      display: inline-block;
      vertical-align: top;
      padding: 2px 0 0;
      line-height: 34px;
      font-size: 16px;
    }
    &.left{
      left: 0;
      padding: 0 2px 0 0 ;
      border-radius: 0 2px 2px 0;
    }
    &.right{
      right: 0;
      padding: 0 0 0 2px;
      border-radius: 2px 0 0 2px;
    }
    &:hover{
      opacity: 1;
    }
    &:active{
      opacity: .9;
    }
	}
	.single-featured-post{
		display: block;
		position: relative;
		.post__photo{
			&.ht-rectangle.ratio-31{
				&:after{
					@media (max-width: $screen-xs-max){
						padding-bottom: 66.66%;
					}
				}	
			}	
		}
		.post__content{
			padding: 12px;
			color: #fff;
			background-color: $grey900;
			@media (min-width: $screen-sm-min){
				position: absolute;
				bottom: 12px; left: 12px;
				width: 60%;
				background-color: rgba(#000,.6);
				border-radius: 2px;
			}
			.post__content__title{
				margin: 0;
				padding: 0;
				line-height: 24px;
				font-size: 18px;
				font-weight: 500;
				color: #fff;
			}
			.post__content__excerpt{
				margin: 5px 0 0;
				line-height: 18px;
				font-size: 13px;
				color: $grey200;
				height: 18px * 3;
				@include multiLineEllipsis(18px, 3);
			}
		}
		&:hover, &:focus, &:active{
			text-decoration: none;
		}
	}
}
.itr-blog__list-posts{
	margin: 12px 0;
	@media (min-width: $screen-sm-min){
		margin: 24px 0;
		.row{
			margin: 0 -12px;
		}
		[class^="col"]{
			padding: 0 12px;
		}
	}
}
.itr-blog__title{
	margin: 0 0 24px;
	line-height: 30px;
	font-size: 24px;
	font-weight: 300;
}
.itr-blog__single-post{
	margin: 0 0 12px;
	@media (min-width: $screen-sm-min){
		margin: 0 0 24px;
	}
	a{
		&:hover, &:active, &:focus{
			text-decoration: none;;
		}
	}
	.post__photo{
		a{
			&:hover{
				opacity: .9;
			}
		}
	}
	.post__content{
		padding: 12px;
		@media (min-width: $screen-sm-min){
			height: 12px * 2 + 24px * 2 + 6px + 16px + 10px + 19px * 4;
		}
	}
	.post__content__title{
		margin: 0;
		display: block;
		line-height: 24px;
		font-size: 18px;
		font-weight: 500;
		a{
			display: block;
			font-size: 18px;
			color: $grey900;
			@include multiLineEllipsis(24px, 2);
			&:hover{
				color: $color-primary;
			}
		}
	}
	.post__content__meta{
		margin: 6px 0 0;
		line-height: 16px;
		font-size: 0;
		span{
			display: inline-block;
			vertical-align: top;
			line-height: 16px;
			font-size: 12px;
			font-style: italic;
			color: $grey600;
			a{
				color: $grey600;
				&:hover{
					text-decoration: underline;
				}
			}
			&:after{
				content: "\2022";
				display: inline-block;
				vertical-align: top;
				padding: 0 8px;
				font-size: 10px;
				color: $grey500;
			}
			&:last-child{
				&:after{
					display: none;
				}
			}
		}
	}
	.post__content__descr{
		margin: 10px 0 0;
		font-size: 14px;
		color: $grey900;
		@include multiLineEllipsis(19px, 4);
	}
}
.itr-blog-single{
	margin: 12px 0;
	@media (min-width: $screen-sm-min){
		margin: 24px 0;
	}
	.itr-blog-single__wrap{
		padding: 12px 0 24px;
		@media (min-width: $screen-sm-min){
			padding: 24px 0 48px;
		}
	}
	.itr-blog_title{
		margin: 0;
		line-height: 30px;
		font-size: 24px;
		@media (min-width: $screen-sm-min){
			line-height: 34px;
			font-size: 28px;
		}
	}
	.itr-blog_meta{
		margin: 12px 0 0;
		line-height: 16px;
		font-size: 0;
		span{
			display: inline-block;
			vertical-align: top;
			line-height: 18px;
			font-size: 13px;
			font-style: italic;
			color: $grey600;
			a{
				color: $grey600;
				&:hover{
					text-decoration: underline;
				}
			}
			&:after{
				content: "\2022";
				display: inline-block;
				vertical-align: top;
				padding: 0 8px;
				font-size: 12px;
				color: $grey500;
			}
			&:last-child{
				&:after{
					display: none;
				}
			}
		}
	}
	.itr-blog_main{
		margin: 24px 0 0;
		line-height: 22px;
		font-size: 16px;
		p{
			margin: 0 0 16px;
		}
	}
}

.itr-contact-page{
	margin: 12px 0;
	@media (min-width: $screen-sm-min){
		margin: 24px 0;
	}
	.itr-contact__wrapper{
		padding: 12px 0 12px;
		@media (min-width: $screen-sm-min){
			padding: 12px 0 12px;
		}
	}
	.itr-contact__title{
		margin: 0 0 24px;
		padding: 0 0 16px;
		line-height: 30px;
		font-size: 24px;
		border-bottom: $border;
		@media (min-width: $screen-sm-min){
			line-height: 34px;
			font-size: 28px;
		}
	}
	.single-contact-line{
		margin: 0 0 12px;
		.contact-icon{
			display: inline-block;
			width: 18px;
			text-align: center;
			color: $grey600;
			margin-right: 4px;
		}
	}
	.social-icon{
		display: inline-block;
		padding: 0 4px;
	}
	.form-title{

	}
}