/* Latest Blog Area css
============================================================================================ */
.latest_blog_area{
    padding: 100px 0px;
    .main_title{
        padding-bottom: 60px;
    }
}
.latest_blog_inner{}
.l_blog_big_item{
    .l_blog_img{}
    .l_blog_text{
        padding: 0px 40px;
        .l_blog_text_inner{
            background: #fff;
            margin-top: -80px;
            z-index: 10;
            position: relative;
            padding: 30px 30px 50px 30px;
            -webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.2);
            -moz-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.2);
            box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.2);
            .blog_date{
                a{
                    font-size: 14px;
                    color: $pfont;
                    font-family: $pop;
                    margin-right: 30px;
                    position: relative;
                    i{
                        padding-right: 8px;
                    }
                    &:before{
                        content: "";
                        background: $dip;
                        height: 14px;
                        width: 1px;
                        position: absolute;
                        left: -15px;
                        top: 50%;
                        transform: translateY(-50%);
                    }
                    &:first-child{
                        &:before{
                            display: none;
                        }
                    }    
                }
            }
            h4{
                font-size: 18px;
                font-family: $mon;
                color: $dip;
                padding: 15px 0px 22px 0px;
            }
            p{
                line-height: 24px;
                font-family: $pop;
                font-size: 14px;
                color: $dip;
            }
            .owl-prev, .owl-next{
                height: 25px;
                width: 25px;
                text-align: center;
                position: absolute;
                right: 0px;
                bottom: 0px;
                z-index: 3;
                color: #fff;
                cursor: pointer;
                &:before{
                    content: "";
                    background: rgba(227,204,252,1);
                    background: -moz-linear-gradient(left, rgba(227,204,252,1) 0%, rgba(143,205,252,1) 100%);
                    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(227,204,252,1)), color-stop(100%, rgba(143,205,252,1)));
                    background: -webkit-linear-gradient(left, rgba(227,204,252,1) 0%, rgba(143,205,252,1) 100%);
                    background: -o-linear-gradient(left, rgba(227,204,252,1) 0%, rgba(143,205,252,1) 100%);
                    background: -ms-linear-gradient(left, rgba(227,204,252,1) 0%, rgba(143,205,252,1) 100%);
                    background: linear-gradient(to right, rgba(227,204,252,1) 0%, rgba(143,205,252,1) 100%);
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3ccfc', endColorstr='#8fcdfc', GradientType=1 );
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    z-index: -1;
                }    
            }
            .owl-prev{
                right: 30px;
            }
            .owl-next{}
        }    
    }    
}
.right_l_blog{
    padding-right: 30px;
    .media{
        margin-top: 30px;
        &:first-child{
            margin-top: 0px;
        }    
        .media-left{
            padding-right: 30px;
        }
        .media-body{
            h4{
                font-size: 14px;
                color: $dip;
                font-family: $mon;
                letter-spacing: .28px;
                font-weight: normal;
            }
            h5{
                font-size: 14px;
                color: $pfont;
                font-family: $rob;
                text-transform: uppercase;
                font-weight: normal;
                letter-spacing: .28px;
                padding: 12px 0px 25px 0px;
                i{
                    padding-right: 8px;
                }
            }
            p{
                font-size: 14px;
                line-height: 26px;
                color: $pfont;
                font-family: $rob;
            }
        }
    }    
}
/* End Latest Blog Area css
============================================================================================ */

/* Update Blog Area css
============================================================================================ */
.update_blog_area{
    padding: 110px 0px;
}
.update_blog_inner{
    
}
.nine_l_blog{
	.nine_title{
		padding-bottom: 70px;
	}
}
.up_blog_item{
    .blog_img{
        img{
            max-width: 100%;
        }
    }
    .up_blog_text{
        box-shadow: 0px 5px 5px 0px rgba(0, 0, 1, 0.02);
        padding: 36px 25px 36px 25px;
        @include transition;
        h5{
            font-size: 14px;
            color: #c1c1c1;
            font-family: $hee;
            letter-spacing: .28px;
        }
        h4{
            font-size: 18px;
            line-height: 30px;
            font-family: $hee;
            font-weight: 500;
            color: #121921;
            letter-spacing: .36px;
            padding: 15px 0px 33px 0px;
            &:hover{
                text-decoration: underline;
            }
        }
        .read_c{
            font-size: 14px;
            color: #8e8e8e;
            font-family: $hee;
            font-weight: 500;
            letter-spacing: .86px;
            @include transition;
            i{
                padding-left: 7px;
            }
            &:hover{
                color: #ffcd2f;
            }
        }
    }
    &:hover{
        .up_blog_text{
            box-shadow: 0px 25px 90px 0px rgba(0, 0, 1, 0.06);
        }
    }
}
.nine_b_item{
	box-shadow: none;
	border-bottom: 1px solid #d7d7d7;
	.up_blog_text{
		box-shadow: none;
		padding: 20px 0px 50px 0px;
		h5{
			color: #eb484d;
		}
		h4{
			padding-bottom: 20px;
		}
		p{
			font-size: 16px;
			line-height: 28px;
			color: #8e8e8e;
			font-family: $hee;
			font-weight: normal;
			padding-bottom: 20px;
		}
		.read_c{
			color: #272727;
			&:hover{
				color: #eb484d;
			}
		}
	}
	&:hover{
		border-color: #eb484d;
		.up_blog_text{
			box-shadow: none;
		}
		.read_c{
			color: #eb484d;
		}
	}	
}

.more_post{
    text-align: center;
    padding-top: 55px;
    a{
        color: #585858;
        font-family: $hee;
        font-weight: bold;
        font-size: 16px;
        letter-spacing: 8.32px;
    }
}
/* End Update Blog Area css
============================================================================================ */

/* Standard Blog Area css
============================================================================================ */
.l_standard_blog_area{
	.main_title{
		padding-bottom: 60px;
	}
	&.violet{
		background: #857de8;
		.l_s_blog_inner{
			.l_s_blog_item{
				.l_s_blog_text{
					h4{
						color: #fff;
					}
					p{
						color: #fff;
					}
				}
			}
		}
	}
}
.l_s_blog_inner{
	.l_s_blog_item{
		.l_s_blog_img{
			overflow: hidden;
			img{
				width: 100%;
				transition: all 300ms ease;
			}
			&:hover{
				img{
					transform: scale(1.05);
				}	
			}
		}
		.l_s_blog_text{
			border-left: 1px solid #e8e8e8;
			border-right: 1px solid #e8e8e8;
			border-bottom: 1px solid #e8e8e8;
			padding: 30px 30px 40px 30px;
			h4{
				font-size: 18px;
				color: $dip;
				font-family: $mon;
				font-weight: normal;
				padding-bottom: 15px;
			}
			p{
				font-size: 14px;
				line-height: 26px;
				color: $pfont;
				font-family: $pop;
			}
		}
	}
}
/* End Standard Blog Area css
============================================================================================ */

/* Blog Ms Area css
============================================================================================ */

.blog_ms_area{
	
}
.blog_ms_inner{
	margin-bottom: -30px;
}
.blog_ms_item{
	padding: 6px;
	border: 1px solid #f1f1f1;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 1, 0.05);
	margin-bottom: 30px;
	padding-bottom: 30px;
	.blog_ms_img{
		margin-bottom: 30px;
		img{
			width: 100%;
		}
		iframe{
			width: 100%;
			height: 130px;
		}
	}
	.blog_ms_text{
		padding-left: 12px;
		padding-right: 12px;
		h3{
			font-size: 18px;
			font-weight: bold;
			color: #272727;
			font-family: $hee;
			padding-bottom: 10px;
			line-height: 28px;
		}
		ul{
			li{
				display: inline-block;
				margin-right: 5px;
				a{
					border: 1px solid #d7d7d7;
					line-height: 25px;
					text-align: center;
					padding: 0px 8px;
					border-radius: 12.5px;
					font-size: 10px;
					font-family: $hee;
					font-weight: normal;
					display: inline-block;
					color: #8e8e8e;
					i{
						padding-right: 6px;
					}
				}
				&:last-child{
					margin-right: 0px;
					margin-left: 25px;
				}
			}
		}
		p{
			font-size: 14px;
			line-height: 24px;
			color: #8e8e8e;
			font-family: $hee;
			font-weight: normal;
			padding-top: 25px;
			padding-bottom: 20px;
		}
		.order_btn{
			font-size: 14px;
			line-height: 32px;
			padding: 0px 19px;
			text-transform: inherit;
			font-weight: normal;
			background: #a5acb7;
			border-color: #a5acb7;
			@include transition;
			&:hover{
				background: #e9003f;
				color: #fff;
				border-color: #e9003f;
			}
		}
	}
}
.blog_time{
	li{
		display: inline-block;
		margin-right: 5px;
		a{
			border: 1px solid #d7d7d7;
			line-height: 25px;
			text-align: center;
			padding: 0px 8px;
			border-radius: 12.5px;
			font-size: 10px;
			font-family: $hee;
			font-weight: normal;
			display: inline-block;
			color: #8e8e8e;
			i{
				padding-right: 6px;
			}
		}
		&:last-child{
			margin-right: 0px;
			margin-left: 25px;
		}
	}
}

.blog_pagination{
	text-align: center;
	margin-top: 70px;
	.pagi_inner{
		ul{
			margin: 0px;
			li{
				margin-right: 4px;
				display: inline-block;
				a{
					border: 1px solid #dadada;
					border-radius: 3px;
					background: #f4f4f4;
					padding: 0px 16px;
					line-height: 40px;
					font-size: 14px;
					color: #8e8e8e;
					font-family: $hee;
					vertical-align: middle;
					align-self: center;
				}
				&:first-child{
					a{
						i{
							padding-right: 10px;
						}
					}
				}
				&:last-child{
					a{
						i{
							padding-left: 10px;
						}
					}
				}
				&.active{
					a{
						background: #e9003f;
						border-color: #e9003f;
						color: #fff;
					}
				}
			}
		}
	}
}





.blog_right_sidebar{
	
}
.r_widget{
	border: 1px solid #f1f1f1;
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 1, 0.05);
	margin-bottom: 36px;
	padding: 35px;
	&:last-child{
		margin-bottom: 0px;
	}
}
.r_title{
	margin-bottom: 40px;
	h3{
		font-size: 18px;
		font-family: $hee;
		font-weight: 500;
		color: #585858;
		position: relative;
		padding-bottom: 13px;
		&:before{
			content: "";
			width: 100%;
			height: 1px;
			bottom: 0px;
			background: #eaeaea;
			position: absolute;
			left: 0px;
		}
		&:after{
			content: "";
			width: 85%;
			height: 3px;
			bottom: -1px;
			background: #e9003f;
			position: absolute;
			left: 0px;
		}
	}
}
.search_widget{
	.input-group{
		input{
			border: 1px solid #f0f0f0;
			height: 45px;
			border-bottom-left-radius: 26px;
			border-top-left-radius: 26px;
			box-shadow: none;
			font-size: 14px;
			font-family: $hee;
			padding: 0px 15px;
			color: #bbbbbb;
			outline: none;
			@include placeholder{
				font-size: 14px;
				font-family: $hee;
				color: #bbbbbb;
			}
		}
		.input-group-btn{
			.pre_or_btn{
				border: none;
				background: #e9003f;
				margin-left: 0px;
				color: #fff;
				width: 92px;
				height: 45px;
				padding: 0px;
				outline: none !important;
				box-shadow: none !important;
				border-bottom-right-radius: 26px; 
				border-top-right-radius: 26px; 
			}
		}
	}
}

.categories_widget{
	ul{
		margin-left: -20px;
		li{
			margin-bottom: 8px;
			a{
				font-size: 14px;
				font-family: $hee;
				color: #8e8e8e;
				line-height: 32px;
				@include transition;
				.text{
					float: none;
					line-height: 32px;
					background: transparent;
					padding: 0px 20px;
					display: inline-block;
					border-radius: 16px;
					@include transition;
				}	
				span{
					float: right;
					line-height: 32px;
				}	
			}
			&:hover{
				a{
					.text{
						background: #e9003f;
						color: #fff;
					}
				}
			}
			&:last-child{
				margin-bottom: 0px;
			}
		}
	}
}

.r_post_widget{
	.media{
		margin-top: 25px;
		.media-left{
			padding-right: 12px;
		}
		.media-body{
			h4{
				font-size: 14px;
				line-height: 22px;
				font-family: $hee;
				color: #585858;
			}
			ul{
				li{
					display: inline-block;
					margin-right: 15px;
					a{
						font-size: 12px;
						font-family: $hee;
						font-weight: normal;
						color: #b4b4b4;
						i{
							padding-right: 5px;
						}
					}
					&:last-child{
						margin-right: 0px;
					}
				}
			}
		}
	}
}

.insta_widget{
	ul{
		overflow: hidden;
		margin: -6px;
		li{
			width: calc(100% / 3);
			float: left;
			padding: 6px;
			a{
				img{
					width: 100%;
				}
			}
		}
	}
}
.tags_widget{
	ul{
		margin-right: -13px;
		margin-bottom: -15px;
		li{
			display: inline-block;
			margin-right: 13px;
			margin-bottom: 15px;
			a{
				font-family: $hee;
				color: #8e8e8e;
				font-size: 14px;
				@include transition;
			}
			&:hover{
				a{
					color: #e9003f;
				}	
			}
		}
	}
}
.add_widget_inner{
	position: relative;
	img{
		width: 100%;
	}
	.add_text{
		position: absolute;
		top: 30px;
		left: 20px;
		h6{
			font-size: 17px;
			line-height: 20px;
			color: #fff;
			font-family: $hee;
		}
		h4{
			font-family: $hee;
			font-weight: bold;
			color: #02f58b;
			font-size: 26px;
			text-transform: uppercase;
			padding: 12px 0px 20px 0px;
		}
		.order_btn{
			font-size: 15px;
			line-height: 36px;
			padding: 0px 20px;
			border-radius: 18px;
		}
	}
}

.blog_ms_right_area{
	padding: 100px 0px;
}


.single_blog_inner{
	.single_blog_main{
		h3{
			color: #272727;
			font-size: 40px;
			font-family: $hee;
			font-weight: bold;
		}
		.blog_time{
			
		}
		.main_img{
			max-width: 100%;
		}
		.blog_author_tag{
			overflow: hidden;
			padding: 15px 0px;
			border-bottom: 1px solid #eeeeee;
			.pull-left{
				.media{
					.media-left{
						padding-right: 15px;
					}
					.media-body{
						width: auto;
						vertical-align: middle;
						h4{
							color: #272727;
							font-weight: 500;
							font-size: 16px;
							font-family: $hee;
						}
						h5{
							color: #8e8e8e;
							font-family: $hee;
							font-weight: normal;
							font-size: 14px;
						}
					}
				}
			}
			.pull-right{
				h4{
					color: #272727;
					font-weight: 500;
					font-size: 16px;
					font-family: $hee;
					padding-top: 10px;
				}
				a{
					color: #8e8e8e;
					font-family: $hee;
					font-weight: normal;
					font-size: 14px;
				}
			}
		}
		p{
			strong{
				font-size: 14px;
				color: #272727;
				font-family: $hee;
			}
		}
		p{
			font-size: 14px;
			line-height: 24px;
			color: #8e8e8e;
			font-family: $hee;
			font-weight: normal;
			padding-top: 20px;
			letter-spacing: .28px;
			a{
				color: #000;
				font-weight: bold;
			}
		}
		ul{
			padding-top: 10px;
			padding-bottom: 25px;
		}
	}
	.single_b_share{
		overflow: hidden;
		padding: 35px 0px;
		.pull-left{
			.s_b_social{
				h3{
					display: inline-block;
					font-size: 14px;
					color: #000000;
					font-family: $hee;
				}
				ul{
					display: inline-block;
					padding-left: 10px;
					li{
						display: inline-block;
						margin-right: 5px;
						a{
							font-size: 14px;
							color: #8e8e8e;
						}
						&:last-child{
							margin-right: 0px;
						}
						&:hover{
							a{
								color: #e9003f;
							}
						}
					}
				}
			}
		}
		.pull-right{
			.s_b_tags{
				h3{
					display: inline-block;
					font-size: 14px;
					color: #000000;
					font-family: $hee;
				}
				ul{
					display: inline-block;
					padding-left: 5px;
					li{
						display: inline-block;
						a{
							font-size: 14px;
							color: #d1d1d1;
						}
					}
				}
			}
		}
	}
	.related_post_inner{
		.related_post_slider{
			.owl-stage-outer{
				.owl-stage{
					padding-left: 0px !important;
				}	
			}
			.related_p_item{
				h4{
					color: #272727;
					font-family: $hee;
					font-weight: 500;
					font-size: 16px;
					line-height: 24px;
					padding-top: 13px;
				}
			}
			.owl-nav{
				.owl-prev.disabled{
					opacity: 0;
					visibility: hidden;
				}
				.owl-next.disabled{
					opacity: 0;
					visibility: hidden;
				}
				.owl-prev, .owl-next{
					position: absolute;
					top: 38%;
					transform: translateY(-50%);
					z-index: 3;
					font-size: 35px;
					color: #fff;
					@include transition;
				}
				.owl-prev{
					left: 20px;
				}
				.owl-next{
					right: 20px;
				}
			}
		}
	}
	.s_comment_list{
		padding-top: 70px;
		.media{
			margin-top: 20px;
			&:nth-child(2){
				margin-top: 0px;
			}
			.media-left{
				padding-right: 25px;
			}
			.media-body{
				background: #f9f9f9;
				padding: 20px;
				position: relative;
				overflow: visible;
				&:before{
					content: "";
					width: 0;
					height: 0;
					border-style: solid;
					border-width: 6px 14px 6px 0;
					border-color: transparent #f9f9f9 transparent transparent;
					position: absolute;
					left: -14px;
					top: 15px;
				}
				h3{
					font-size: 16px;
					color: #272727;
					font-family: $hee;
					font-weight: 500;
					padding-bottom: 20px;
					display: inline-block;
				}
				h6{
					float: right;
					display: inline-block;
					font-size: 14px;
					font-family: $hee;
					font-weight: 500;
					line-height: 28px;
				}
				p{
					font-size: 14px;
					color: #8e8e8e;
					line-height: 26px;
					font-family: $hee;
				}
				a{
					display: block;
					text-align: right;
					font-size: 14px;
					color: #272727;
					font-family: $hee;
					font-weight: 500;
					i{
						transform: rotateX(-180deg);
						transform: rotateY(-180deg);
					}
				}
			}
		}
	}
	.comment_form{
		padding-top: 85px;
		.contact_us_form{
			padding: 0px;
			.form-group{
				margin-bottom: 45px;
				input{
					border-top: 1px solid #c9c9c9;
					height: 50px;
					&:focus{
						border-color: #000;
					}
				}
				textarea{
					border-top: 1px solid #c9c9c9;
					padding-top: 15px;
					&:focus{
						border-color: #000;
					}
				}
				.pre_or_btn{
					background: #e9003f;
					color: #fff;
					display: inline-block;
					box-shadow: none;
					width: auto;
					line-height: 48px;
					height: 48px;
					padding: 0px 35px;
					border-radius: 0px;
					outline: none !important;
					text-transform: capitalize;
				}
				&:last-child{
					margin-bottom: 0px;
				}
			}
		}
	}
}

.s_r_title{
	padding-bottom: 50px;
	h3{
		font-size: 28px;
		color: #272727;
		font-family: $hee;
		border-bottom: 1px solid #eeeeee;
		padding-bottom: 8px;
	}
}

/* End Blog Ms Area css
============================================================================================ */

/* End Blog Ms Area css
============================================================================================ */
.error_area{
	background: url(../img/error-bg.jpg) no-repeat scroll center center;
	background-size: cover;
	text-align: center;
	.error_text{
		padding-top: 100px;
		padding-bottom: 100px;
		img{
			text-align: center;
			display: block;
			margin: auto;
		}
		h4{
			color: #4a647a;
			font-family: $hee;
			font-size: 22px;
			padding: 30px 0px;
			a{
				color: #9baebf;
				text-decoration: underline;
			}
		}
		.order_btn{
			i{
				padding-right: 10px;
			}
		}
	}
}
/* End Blog Ms Area css
============================================================================================ */