.innerpage-header{
    padding: $space60 0;
    background: url(../images/contact-bg.png) $dark no-repeat bottom  !important;
    background-position: center;
    background-size: cover !important;
    color: #fff;
}
.blog-listing{
    > article{
        flex: 0 0 33.33%;
        max-width: 33.33%;
        padding: 0 15px;
        margin-bottom: 30px;
        @include media-breakpoint-down(md){
            max-width: 50%;
            flex: 0 0 50%;
        }
        @include media-breakpoint-down(sm){
            max-width: 100%;
            flex: 100%;
        }
        &:nth-last-child(-n + 2){
            @include media-breakpoint-down(md){
                margin-bottom: 0;
            }
            @include media-breakpoint-down(sm){
                margin-bottom: 30px;
            }
        }
        &:last-child{
            @include media-breakpoint-down(sm){
                margin-bottom: 0;
            }
        }
    }
    .blog-title{
        
        a{
            color: $dark;
            &:hover{
                text-decoration: none;
                color: $blue;
            }
            br{
                display: none;
            }
        }
    }
    .blog-thumbnail{
        height: 335px;
        overflow: hidden;
        box-shadow: 0px 3px 6px rgb(0 90 164 / 20%);
        border-radius: 15px;
        width: 100%;
        @include media-breakpoint-down(lg){
            height: 285px;
        }
        @include media-breakpoint-down(sm){
            height: 220px;
        }
        a{
            height: 100%;
            border-radius: $border-radius-blog;
            display: inline-block;
            overflow: hidden;
            width: 100%;
			background-color: $dark;
            img{
                object-fit: cover;
                max-width: 100% !important;
                border-radius: 15px;
                height: 100% !important;
				opacity: 0.74;
            }
        }
    }
    .blog-card-foo{
        font-size: $font-size-sm;
		color: $gray-500;
    }
    .entry-content{
        display: none;
    }
	.related-blog-block{
		margin-bottom: 30px;
		&:last-child{
			@include media-breakpoint-down(sm){
				margin-bottom: 0;
			}
		}
	}
}
.blog-detail-section{
    .pmd-card{
        margin-bottom: 0;
        &:hover{
            box-shadow: 0 8px 20px rgb(0 0 0 / 10%);
        }
    }
    .card-thumbnail{
		background: $bg-info-light;
        .post-thumbnail{
            margin-bottom: 0;
			max-height: 361px;
			text-align: center;
        }
    }
}
.author-info {
	border-bottom: 1px solid pmd-theme-color(dividers, dark);
	border-top: 1px solid pmd-theme-color(dividers, dark);
	padding-top:$space12;
	padding-bottom:$space12;
    .pmd-avatar-img{
        border-radius: $border-radius;
        overflow: hidden;
    }
	.card-subtitle {
		color: rgba($gray-900, 0.54);
		font-size: $font-size-sm;
		&.list-unstyled{
			margin-bottom: 0;
			li{ 
				display: inline; 
                font-size: $font-size-sm;
				&:last-child {
					&::after{
						content: "";
						padding: 0;
					}
				}
				&::after{
					content: " | ";
					padding: 0 4px;
				}
				@include media-breakpoint-down(sm){
					margin-bottom: 0;
					display: block;	
					&::after{
						content: "";
						padding: 0;
					}
				}
			}
		}
	}
}
/* Post Navigation */
.post-navigation {
	margin-top: 20px;
    padding-left:$card-spacer;
    padding-right:$card-spacer;
	.screen-reader-text {
		display: none;
	}
	.post-title{
		display: none;
	}
	.nav-links {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		.nav-next {
			a{
				position: relative;
				margin-right: 20px;
				&:after{
					position: absolute;
					content: "\e5c8";
					display: inline-block;
					font-family: "Material Icons";
					font-size: 20px;
					margin: 0 0 0 0;
					opacity: .54;
					right:-25px;
					vertical-align: middle;
					top:-5px;
				}
			}	
		}
		.nav-previous {
			a{
				position: relative;
				margin-left: 20px;
				&:before{
					position: absolute;
					content: "\E5c4";
					display: inline-block;
					font-family: "Material Icons";
					font-size: 20px;
					margin: 0 0 0 0;
					opacity: .54;
					left:-25px;
					vertical-align: middle;
					top:-5px;
				}
			}	
		}
	}
}

/*Comment*/
.comments-area { 	
	.comment {
			margin-bottom: $space16;
		.card-subtitle {
			color: pmd-theme-color(secondary, dark);
			font-size: $font-size-sm;
			margin-bottom: 0;
		}
	}	
	p {
		margin-bottom: $space16;
	}
	.comment-respond {
		padding-top: $space16;
		border-top:1px rgba($secondary,0.12) solid;
	}
	.pmd-comment-list {
		margin-bottom: 0;
		.children {
			margin: 20px 0;
		}
	}
    .comment-form-cookies-consent {
        display:none;
    }
}