.site-content {
	margin-top: 40px;
	position: relative;
    @include mobile {
    	margin-top: 30px;
    }
    .royalnews-post-content-area {
    	display: flex;
		flex-wrap: wrap;
	    #{$prefix}-post-content-wrapper {
	    	// padding-top: 50px;
	    	flex: 0 0 66.66%;
			max-width: 66.66%;
			@include mobile {
				flex: 0 0 100%;
				max-width: 100%;
				padding: 15px 0;
			}
	    	#{$prefix}-post-content {
	    		position: relative;
	    		#{$prefix}-post-content-inner {
				    display: flex;
				    flex-wrap: wrap;
				    #{$prefix}-blog {
				    	flex: 0 0 50%;
	    				max-width: 50%;
					    padding-right: 30px;
					    float: left;
	    				margin-bottom: 30px;
	    				@include mobile {
							flex: 0 0 100%;
							max-width: 100%;
							padding: 0;
						}
	    				#{$prefix}-post-wrapper {
						    box-shadow: 0px 0px 8px -4px rgb(0 0 0 / 20%);
	    					#{$prefix}-post-thumbnail{
		    					position: relative;
							    padding: 0;
							    background: #ffffff;
							    a {
							    	img {
							    		background-repeat: no-repeat;
									    background-position: center;
									    background-size: cover;
									    display: block;
									    background-color: #f5f5f5;
									    height: 250px;
										width: 100%;
										max-height: 200px;
	    								object-fit: cover;
							    	}
							    }
							}
							.no-image {
								background-repeat: no-repeat;
							    background-position: center;
							    background-size: cover;
							    display: block;
							    background-color: #1778f2;
							    height: 250px;
								width: 100%;
								max-height: 200px;
								object-fit: cover;
							}
	    				}
	    				#{$prefix}-post-info-wrapper {
	    					position: relative;
						    padding: 20px 15px;
						    word-wrap: break-word;
						    overflow: hidden;
						    #{$prefix}-post-cat {
							    display: block;
							    #{$prefix}-post-categories {
								    list-style: none;
								    display: flex;
								    flex-wrap: wrap;
								    margin: 0;
								    padding: 0;
								  	li {
									    margin-bottom: 3px;
									    a {
										    background: #d72924;
										    color: #fff;
										    font-size: 14px;
										    display: inline-block;
										    border-radius: 4px;
										    padding: 2px 10px;
										    margin: 0 3px;
										    transition: linear 0.2s;
										    &:hover {
										    	background: #f67280;
										    	color: #fff;
										    }
									    }
									}
								}
							}
							#{$prefix}-post-title {
								margin: 10px 0 20px 0;
	    						font-size: 20px;
	    						a {
	    							color: #2f3235;
	    							&:hover {
	    								text-decoration: underline;
	    								color: #f67280;
	    							}
	    						}
							}
							
							#{$prefix}-post-excerpt {
							    color: #4c4f53;
							    p {
							    	font-weight: 400;
							    	font-size: 15px;
							    }
							    #{$prefix}-readmore-wrap {
							    	a {
							    		color: #4c4f53;
							    		text-decoration: underline;
							    		&:hover {
							    			color: #f67280;
							    			text-decoration: none;
							    		}
							    		i {
							    			margin-left: 5px;
							    		}
							    	}
							    }
							}
	    				}
				    }
				}
	    	}
	    }
	}
}

.royalnews-blog.sticky {
	flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100%;
	#{$prefix}-post-wrapper {
		border-radius: 4px;
	    overflow: hidden;
	    // margin-bottom: 30px!important;
	    display: flex;
	    align-items: center;
	    margin: 0;
	    box-shadow: 0px 0px 8px -4px rgb(0 0 0 / 20%);
	    background: #f4f6f8;
	    @include mobile {
	    	display: block;
	    }
	    .royalnews-post-thumbnail {
		    flex: 1;
		    flex: 0 0 50% !important;
    		max-width: 50% !important;
		    @include mobile {
		    	flex: 0 0 100% !important;
    			max-width: 100% !important;
		    }
		    a {
		    	img {
		    		height: auto !important;
    				max-height: fit-content !important;
		    	}
		    }
		}
		.royalnews-post-info-wrapper {
			 flex: 2;
    		padding: 0 15px !important;
    		@include mobile {
    			padding-top: 20px !important;
    		}
    		.royalnews-post-meta {
    			display: none !important;
    		}
    		.royalnews-post-excerpt {
    			.royalnews-readmore-wrap {
    				display: none !important;
    			}
    		}
		}
	}
}
.royalnews-blog-three, .royalnews-blog-one  {
	.royalnews-blog.sticky {
		flex: 0 0 100% !important;
	    max-width: 100% !important;
	    width: 100%;
	}
}

.royalnews-blog-one {
	.royalnews-blog {
	    flex: 0 0 100% !important;
	    max-width: 100% !important;
	    width: 100%;
	    @include mobile {
			flex: 0 0 100% !important;
			max-width: 100% !important;
		}
	    .royalnews-post-wrapper {
	    	display: flex !important;
	    	flex-wrap: wrap;
	    	.royalnews-post-thumbnail {
	    		flex: 0 0 40% !important;
	    		max-width: 40% !important;
	    		@include mobile {
					flex: 0 0 100% !important;
					max-width: 100% !important;
				}
	    		a {
	    			img {
	    				height: 100% !important;
	    				max-height: max-content !important;
	    			}
	    		}
	    	}
	    	.royalnews-post-info-wrapper {
	    		flex: 0 0 60% !important;
			    max-width: 60% !important;
			    padding: 15px !important;
			    @include mobile {
					flex: 0 0 100% !important;
					max-width: 100% !important;
				}
			    .royalnews-post-title {
			    	margin: 4px 0 !important;
				    white-space: nowrap;
				    overflow: hidden;
				    text-overflow: ellipsis;
				    max-width: 95%;
			    }
	    	}
	    	.royalnews-post-excerpt {
	    		p {
	    			margin-bottom: 0.5em !important;
	    		}
	    	}
	    }
	}
}

.royalnews-blog-three {
	.royalnews-blog {
	    flex: 0 0 33.33% !important;
	    max-width: 33.33% !important;
	    width: 100%;
	    @include mobile {
			flex: 0 0 100% !important;
			max-width: 100% !important;
		}
	}
}

