Uname: Linux premium294.web-hosting.com 4.18.0-553.45.1.lve.el8.x86_64 #1 SMP Wed Mar 26 12:08:09 UTC 2025 x86_64
Software: LiteSpeed
PHP version: 8.1.32 [ PHP INFO ] PHP os: Linux
Server Ip: 104.21.48.1
Your Ip: 216.73.216.221
User: mjbynoyq (1574) | Group: mjbynoyq (1570)
Safe Mode: OFF
Disable Function:
NONE

name : _post.scss
.sticky{
	background:#f5f5f5;
	padding:30px 30px 25px;
	.entry-meta{
		>span{
			&:nth-child(2) {
			    padding-left: 0 !important;
			    &:before{
			    	display: none;
			    }
			}
		}
	}
	.entry-title{
		a{
			font-size : 35px !important;
		}
	}
	.sticky-post{
		background-color: $theme-color;
		color: $white;
		font-weight: 500;
		letter-spacing: 0.04em;
		margin-bottom:10px;
		display:inline-block;
		padding: 5px 10px !important;
		text-transform: uppercase;	
		line-height: 19px;
		top: 40px;
		letter-spacing:2px;		
	}	
	.post-content{
		padding: 0 !important;
		margin-top:0 !important;
	}
}
/************************************************************************************************
    POST ARCHIVES
*************************************************************************************************/
.category-posts .cate-post-content, .author, .search{
	&.left:not(.col-xl-12, .col-lg-12){
		@media(min-width:$screen-md){
			@include rtl-padding-left(35px);
		}
	}
	&.right:not(.col-xl-12, .col-lg-12){
		@media(min-width:$screen-md){
			@include rtl-padding-right(35px);
		}
	}
	&.col-lg-12.col-md-12{
		max-width:1200px;
		margin-left:auto;
		margin-right:auto;
	}
	.entry-thumb{
		.gallery-slider{
			vertical-align: top;
			overflow: hidden;
		}
	}
	.navigation{
		@include rtl-text-align-left();
		margin-top:30px;
	}
	.blog-content-grid{
		margin: 0 -15px;
		.entry-post{
			position: relative;
			@include border-radius(6px);
			overflow:hidden;
			&:before{
				content:"";
				position:absolute;
				bottom:0;
				height:50%;
				left:0;
				width:100%;
				z-index:1;
				background: -moz-linear-gradient(bottom, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			}
			.entry-thumb{
				width:100%;
				position:relative;
			}
			.post-content{
				z-index: 9;
			  	@include transition(all 0.3s ease);
				position:absolute;
				bottom:0;
				width:100%;
				padding:0 15px;
				left:0;
			}
		}
		h3.entry-title{
			font-size: 20px;
			line-height: 1.1;
			width: 100%;
			margin:8px 0;
			a{
				color:$white;
				&:hover{
					color:$theme-color;
				}
			}
		}
		.post-date{
			display:inline-block;
			@include square(60px);
			padding:0 7px;
			position:relative;
			margin-bottom:20px;
			position:absolute;
			background:$white;
			top:20px;
			@include rtl-left(20px);
			@include border-radius(4px);
			&:before{
				content:"";
				position:absolute;
				height:1px;
				width:56px;
				background:$gray-dark;
				top:50%;
				left:calc(50% - 28px);
				@include transform(rotate(-45deg));
				transform-origin: 50% 100%;
			}
			.day{
				display:block;
				line-height:29px;
				font-size:22px;
				font-weight:600;
				padding-top: 3px;
			}
			.month{
				display:block;
				line-height:29px;
				font-size:11px;
				font-weight:600;
				text-transform:uppercase;
				@include rtl-text-align-right();
			}
		}
		.post-categories{
			a{
				font-size:11px;
				text-transform:uppercase;
				font-weight:600;
				color:$white;
				&:hover{
					color:darken($theme-color,10%);
				}
			}
		}
		.entry-meta-head{
			display:flex;
			margin-bottom:20px;
			flex-wrap:wrap;
			align-items: center;
			color:$white;
			font-size:13px;
			i{
				font-size:16px;
				color:$white;
				position:relative;
				top:1px;
				@include rtl-margin-right(10px);
			}
			.entry-author{
				color:$white;
				display:flex;
				align-items:center;
				&:after{
					content:"";
					margin:0 10px;
					height:1px;
					width:10px;
					display:inline-block;
					background:#d5d5d5;
				}
				a{
					color:$white;
				}
			}
		}
	}
	.blog-content-list{
		@media (max-width:$screen-xs-max){
			.type-post{
				margin-bottom:50px;
			}
		}
		.post-date{
			display:inline-block;
			@include square(60px);
			border:1px solid $gray-dark;
			padding:0 7px;
			position:relative;
			margin-bottom:20px;
			@include border-radius(4px);
			&:before{
				content:"";
				position:absolute;
				height:1px;
				width:56px;
				background:$gray-dark;
				top:50%;
				left:calc(50% - 28px);
				@include transform(rotate(-45deg));
				transform-origin: 50% 100%;
			}
			.day{
				display:block;
				line-height:30px;
				font-size:21px;
				font-weight:600;
				padding-top: 1px;
			}
			.month{
				display:block;
				line-height:29px;
				font-size:11px;
				font-weight:600;
				text-transform:uppercase;
				@include rtl-text-align-right();
			}
		}
		.entry-meta-head{
			display:flex;
			margin-bottom:15px;
			.entry-author{
				&:after{
					content:"|";
					margin:0 15px;
					display:inline-block;
					color:#d5d5d5;
				}
				a{
					color:$text-color;
				}
			}
		}
		.read-more{
			display:inline-block;
			color:$white;
			position:relative;
			font-size:12px;
			text-transform:uppercase;
			letter-spacing:1px;
			line-height:40px;
			background:$gray-dark;
			padding:0 30px;
			font-weight:500;
			@include transition(all 0.3s ease);
			@include border-radius(4px);
			&:hover{
				background:$theme-color;
			}
		}
		.entry-thumb{
			position: relative;
			display: inline-block;
			overflow: hidden;
			@include rtl-margin-left(30px);
			width:50%;
			@include border-radius(6px);
			@media (max-width:$screen-xs-max){
				width:100%;
				margin:0 0 15px;
			}
		}
		.post-content{
			flex:1;
			@media (max-width:$screen-xs-max){
				margin-top:20px;
			}
		}
		.list-post{
			>article{
				width:100%;
				display:flex;
				flex-wrap:wrap;
				margin-bottom:45px;
				align-items:center;
				padding-bottom:45px;
				border-bottom:1px solid #e2e2e2;
				.post-content{
					h3.entry-title{
						font-size:35px;
						margin:0 0 5px;
						word-break: break-word;
						@media (max-width:$screen-sm-max){
							font-size:25px;
						}
					}
					@media (max-width:$screen-xs-max){
						order:2;
					}
				}
			}
			&:last-child{
				>article{
					margin-bottom:0;
				}
			}
		}
		.post-excerpt{
			margin-bottom:15px !important;
		}
		.list-post{
			&:last-child{
				.type-post{
					margin-bottom:70px;
				}
			}
		}
		.cat-links{
			margin-bottom:5px;
			ul{
				padding:0;
				list-style:none;
				li{
					display:inline-block;
					&:first-child{
						a{
							&:before{
								display:none;
							}
						}
					}
				}
			}
			a{
				font-size:11px;
				text-transform:uppercase;
				color:$text-color;
				font-weight:600;
				&:hover{
					color:darken($theme-color,10%);
				}
			}
		}
		.post_format-post-format-gallery{
			.gallery-slider{
				.slick-arrow{
					border:none;
					@include square(30px);
					line-height:30px;
					right: 50px;
					top:10px;
					left: auto;
					font-family: FontAwesome;
					color: $gray-dark;
					@include opacity-s();
					font-size:15px;
					&:after{
						background: $white;
					}
					&:hover{
						background:$theme-color;
						color:$white;
					}
					&.fa-angle-left{
						&:before{
							content:"\f177";
						}
					}
					&.fa-angle-right{
						&:before{
							content:"\f178";
						}
						right: 15px;
					}
				}
			}
		}
	}
	.blog-content-modern{
		.entry-meta-head{
			display:flex;
			margin-bottom:30px;
			.entry-author{
				&:after{
					content:"|";
					margin:0 15px;
					display:inline-block;
					color:#d5d5d5;
				}
				a{
					color:$text-color;
				}
			}
		}
		.content-moderns{
			margin:0 -15px;
			display:flex;
			width:calc(100% + 30px);
			flex-wrap:wrap;
			.list-post{
				padding:0 15px;
				width:50%;
			}
			.entry-title{
				font-size:25px;
			}
		}
		.post-content{
			margin-top:15px;
		}
		h3.entry-title{
			font-size:35px;
			margin:0 0 5px;
			word-break: break-word;
		}
		.entry-thumb{
			position: relative;
			overflow: hidden;
			img{
				@include border-radius(6px);
			}
		}
		.post-excerpt{
			margin-bottom:15px !important;
		}
		.cat-links{
			margin-bottom:5px;
			ul{
				padding:0;
				list-style:none;
				li{
					display:inline-block;
					&:first-child{
						a{
							&:before{
								display:none;
							}
						}
					}
				}
			}
			a{
				font-size:11px;
				text-transform:uppercase;
				color:$text-color;
				font-weight:600;
				&:hover{
					color:darken($theme-color,10%);
				}
			}
		}
		.post_format-post-format-gallery{
			.gallery-slider{
				.slick-arrow{
					border:none;
					@include square(30px);
					line-height:30px;
					right: 50px;
					top:10px;
					left: auto;
					color: $gray-dark;
					@include opacity-s();
					font-size:15px;
					&:after{
						background: $white;
					}
					&:hover{
						background:$theme-color;
						color:$white;
					}
					&.fa-angle-left{
						&:before{
							content:"\f177";
						}
					}
					&.fa-angle-right{
						&:before{
							content:"\f178";
						}
						right: 15px;
					}
				}
			}
		}
		@media (max-width:$screen-xs-max){
			.content-moderns .list-post{
				width:100%;
			}
			h3.entry-title{
				font-size:30px;
			}
		}
	}
	.blog-content-standar{
		.list-post{
			>article{
				border-bottom:1px solid #e2e2e2;
				margin-bottom:35px;
				padding-bottom:35px;
				&.sticky{
					.read-more{
						z-index:2;
					}
				}
			}
		}
		.post-content{
			margin-top:25px;
		}
		h3.entry-title{
			font-size: 33px;
			line-height: 40px;
			width: 100%;
			margin:0 0 20px;
			position:relative;
			@media (min-width:$screen-xs-max){
				padding-bottom:15px;
				&:before{
					content:"";
					width:100px;
					height:1px;
					background:#d5d5d5;
					position:absolute;
					bottom:0;
					@include rtl-left(0);
				}
			}
		}
		.post-date{
			position:absolute;
			bottom:0;
			@include rtl-right(0);
			background:$white;
			height:40px;
			line-height:45px;
			@include rtl-padding(0 ,30px ,0 ,50px);
			clip-path: polygon(25% 0%, 100% 0, 100% 100%, 0 100%);
			time.updated{
				font-size:16px;
				.day{
					&:after{
						content:"";
						margin:0 8px;
						@include size(13px,1px);
						display:inline-block;
						background:#c7c7c7;
						vertical-align:middle;
					}
				}
			}
		}
		.cat-links{
			position:absolute;
			bottom:20px;
			width:100%;
			padding:0 20px;
			ul{
				padding:0;
				list-style:none;
				li{
					display:inline-block;
					@include rtl-margin-right(5px);
				}
			}
			a{
				font-size:10px;
				text-transform:uppercase;
				font-weight:600;
				color:$white;
				background:$theme-color;
				line-height:20px;
				padding:0 12px;
				display:inline-block;
			}
		}
		.entry-meta-head{
			display:flex;
			margin-bottom:10px;
			flex-wrap:wrap;
			align-items: center;
			font-size:13px;
			>div{
				color:$text-color;
				display:flex;
				align-items:center;
				&:last-child{
					&:after{
						display:none;
					}
				}
				&:after{
					content:"/";
					margin:0 10px;
					display:inline-block;
					color:#d5d5d5;
				}
				a{
					color:$text-color;
				}
				time{
					color:$text-color;
				}
			}
			i{
				font-size:13px;
				color:$gray-dark;
				position:relative;
				top:1px;
				@include rtl-margin-right(5px);
			}
			.comments-link{
				i{
					top:0;
				}
			}
			.entry-date{
				i{
					top:-1px;
				}
			}
		}
		.post-excerpt{
			margin-bottom:-5px;
			word-break: break-word;
			font-size:14px;
		}
		.read-more{
			display:inline-block;
			margin-top:35px;
			color:$white;
			position:relative;
			font-size:12px;
			text-transform:uppercase;
			letter-spacing:1px;
			line-height:40px;
			background:$gray-dark;
			padding:0 30px;
			font-weight:500;
			@include transition(all 0.3s ease);
			&:hover{
				background:$theme-color;
			}
		}
		@media (max-width:$screen-xs-max){
			h3.entry-title{
				font-size:30px;
			}
		}
	}
	h3.entry-title{
		margin-bottom: 5px;
		line-height:1.3;
		font-size: 30px;
		word-break: break-word;
		margin-top:5px;
		@media(max-width:$screen-sm-max){
			margin-top:10px;
		}
	}
	.entry-meta{
		.entry-meta-link{
			a{
				text-transform: capitalize;
				color:$theme-color;
			}
			img{
				@include border-radius(50%);
				@include rtl-margin-right(10px);
			}
		}
	}
	.byline,.published:not(.updated) {
		display: none;
	}
}
.post_format-post-format-gallery{
	.gallery-slider{
		display: inline-block;
		width: 100%;
		.slick-arrow{
			border:none;
			@include square(30px);
			line-height:30px;
			right: 30px;
			left: auto;
			top:0;
			color: $theme-color;
			&:after{
				background: $white;
			}
			&:hover{
				background:transparent;
			}
			&.fa-angle-left{
				&:before{
					content:"\f177";
				}
			}
			&.fa-angle-right{
				&:before{
					content:"\f178";
				}
				right: 0px;
			}
		}
	}
}

.blog-content-grid{
	display: flex;
	flex-wrap: wrap;
}

/************************************************************************************************
    POST SINGLE
*************************************************************************************************/
.content-image-single{
	position:relative;
	margin:20px 0 50px;
	.content-info{
		text-align:center;
		margin-bottom:30px;
	}
	.single-thumb{
		img{
			width:100%;
		}
	}
	.cat-links{
		font-size:12px;
		text-transform:uppercase;
		a{
			color:$text-color;
			font-size:11px;
			font-weight:600;
			&:hover{
				color:$theme-color;
			}
		}
	}
	.entry-title{
		font-size:50px;
		word-break: break-word;
		margin:5px 0 15px;
		@media (max-width:$screen-xs-max){
			font-size:30px;
		}
	}
	.entry-by{
		color:$gray-dark;
		font-size:13px;
		a{
			color:$text-color;
		}
		>*{
			display:inline-block;
		}
		.entry-author{
			&:after{
				content:"";
				display:inline-block;
				margin:0 15px;
				background:#d5d5d5;
				width:15px;
				height:1px;
				position:relative;
				top:-3px;
			}
		}
		i{
			font-size:15px;
			color:$gray-dark;
			position:relative;
			top:1px;
			@include rtl-margin-right(5px);
		}
	}
}
.comments-area{
	display: inline-block;
    width: 100%;
    > ol, > ul{	
		> li{
			padding: 0 !important;
			&.bypostauthor{
				font-style: normal;
				font-size: 13px;
			}
		}
    }
	ul{list-style : disc;}
	ol{list-style : decimal;}
	.comments-title{
		font-size: 26px;
		margin-bottom: 0;
		color:$gray-dark;
		margin-top:55px;
		text-align:center;
		font-family:$font-family-base;
		@media (max-width:$screen-xs-max){
			font-size:25px;
		}
	}
	.comment-navigation{
		display : inline-block;
		width : 100%;
		margin-bottom:50px;
		>div{
			font-weight: 400;
			text-transform: uppercase;
			@media(max-width:$screen-xs-max){
				font-size:12px;
			}
			a{
				color:$white;
				position:relative;
				padding: 0 20px;
				background:$theme-color;
				display:inline-block;
				line-height:40px;
				@include transition(all 0.3s ease);
				@media(max-width:$screen-xs-max){
					padding:0 15px;
				}
				&:before{
					display:none;
					@include transition(all 0.3s ease);
					@include opacity-h();
					position:absolute;
					content:"\23";
					font-family:ElegantIcons;
					@include rtl-left(-15px);
					top:0;
					font-size: 16px;
					line-height: 40px;
					color:$white;
					@media(max-width:$screen-xs-max){
						font-size: 13px;
					}
				}
				&:hover{
					color:$white;
					background:darken($theme-color,10%);
				}
			}
			&:empty{
				display:none;
			}
		}
		.nav-previous{
			@include rtl-float-left();
		}
		.nav-next{
			@include rtl-float-right();
			a{
				&:before{
					content:"\24";
					@include rtl-left(auto);
					@include rtl-right(0);
				}
				&:hover{
					color:$white;
					&:before{
						@include rtl-right(11px);
						@include rtl-left(auto);
						@include opacity-s();
					}
				}
			}
		}
	}
	.comment-list{
		list-style : none;
		padding : 0px;
		margin-top:42px;
		.children{
			list-style : none;
			@include rtl-padding-left(90px);
			.media{
				&:last-child{
					border-bottom:0;
				}
			}
			@media (max-width:$screen-xs-max){
				@include rtl-padding-left(0px);
			}
		}
		>.children{
			border-bottom: 1px solid $border-color;
			margin-bottom:35px;
		}
		b.fn{ color: #252525; }
		.media{
			position: relative;
			margin-bottom: 40px;
			padding-bottom:35px;
			border-bottom:1px solid $border-color;
			display:block;
			&:last-child{
				margin-bottom:0;
			}
			.media-left{
				@include rtl-float-left();
				img{
					margin:0;
					@include rtl-margin-right(20px);
					min-width:70px;
					@media (max-width:$screen-xs-max){
						width:45px;
						min-width:45px;
					}
				}
			}
			.media-body{
				overflow:hidden;
				>.media-content{
					padding-bottom: 0;
					font-weight:300;
					p:empty{
						display:none;
					}
					.media-silver{
						margin-top:-8px;
						a{
							font-size: 12px;
							line-height:18px;
							color: rgba($text-color,0.7);
							font-weight: 400;
							&:hover{
								color:$theme-color;
							}
						}
						.comment-edit-link{
							&:before{
								content:"-";
								display:inline-block;
								margin:0 10px;
								color:$light-gray;
							}
						}
					}
					h2.media-heading{
						line-height:1.8;
						font-size: 12px;
						margin-bottom:5px;
						margin-top:0;
						text-transform:uppercase;
						letter-spacing:1px;
						font-family:$font-family-base;
						a{
							color: $gray-dark;
							&:hover{
								color : $theme-color;
							}
						}
					}
					.media-silver{
						margin-bottom:7px;
						display:block;
						font-size:14px;
						i{
							@include rtl-margin-right(5px);
						}
					}
					.comment-content{
						color:$text-color;
						font-weight:400;
						p{
							margin:0;
						}
						@media (max-width:$screen-xs-max){
							margin-top:15px;
						}
					}
					.comment-reply-link{
						position:absolute;
						top:5px;
						@include rtl-right(0);
						color:#c2c2c2;
						font-weight:400;
						font-size:0;
						font-weight:500;
						&:before{
							content:"\f112";
							display:inline-block;
							font-size:14px;
							font-family:FontAwesome;
						}
						&:hover{
							color:$theme-color;
						}
					}
				}
				@media (max-width:$screen-xs-max){
					overflow:unset;
					.comment-text{
						table,.table{
							td,th{
								padding:10px 5px;
							}
						}
					}
				}
			}
		}
	}
	.comment-form,.comment-respond{
		a{
			color: $theme-color;
			&:hover{
				color:darken($theme-color,10%);
			}
		}
		.comment-notes, .logged-in-as{
			margin-bottom: 10px;
			font-weight: 400;
		}
		.comment_reply_header{
			h3{
				font-size: 26px;
				margin-top:0;
				margin-bottom: 23px;
				font-family:$font-family-base;
				color:$gray-dark;
				@media (max-width:$screen-xs-max){
					font-size:25px;
				}
			}
		}
		.comment-form-cookies-consent{
			display:inline-block;
			padding:0 15px; 
			input{
				@include rtl-margin-right(5px);
			}
		}
		.form-group{
			position: relative;
			margin-bottom: 30px;
			.form-control{				
				height: 47px;
				padding: 10px 20px;
				border: none;
				@include placeholder(rgba($text-color,0.7));
				background:#f5f5f5;
				@include border-radius(0);
				&:focus{
					border-color:$gray-dark;
				}
			}
			textarea.form-control{
				height: auto;
			}
			>#comment{
				margin-top: 15px;
				@include box-shadow(unset);
			}
			input[type="submit"]{
				background: $white;
				@include border-radius(0);
				color: $gray-dark;
				padding:0 30px;
				height: 50px;
    			line-height: 48px;
				font-size:12px;
				border:1px solid $gray-dark;
				text-transform:uppercase;
				font-weight:600;
				@include border-radius(0);
				&:hover{
					background:$theme-color;
					color:$white;
					border-color:$theme-color;
				}
			}
			.required{
				color: red;
				position: absolute;
				@include rtl-right(20px);
				top: 17px;
			}
		}
	}
	.comment-form{
		margin-top:55px;
		text-align:center;
	}
	.comment-respond{
		margin-top:50px;
	}
	.no-comments{
		font-weight: 500;
		color: $gray-dark;
		margin-top : 25px;
	}
}
.content-single-sidebar{
	.post-single:not(.col-xl-12, .col-lg-12){
		@media(min-width:$screen-md){
			@include rtl-padding-left(35px);
		}
	}
}
.post-single{
	&.col-xl-12.col-lg-12{
		max-width:1200px;
		margin-left:auto;
		margin-right:auto;
	}
	.type-post {
		margin-bottom: 0;
	}
	.entry-meta{
		.entry-meta-link{
			a{
				text-transform: capitalize;
			}
			img{
				@include border-radius(50%);
				@include rtl-margin-right(10px);
			}
		}
	}
	.format-gallery{ 
		.post-content{ 
			.post-excerpt{
				display: inline-block;
				margin : 0 -5px;
				>div.gallery{
					display: inline-block;
					width: 100%;
					vertical-align: top;
					margin-bottom: 20px;
				}
				p,h2{
					padding:0 5px;
				}
				.page-links{
					padding:0 5px;
				}
				.gallery-icon{
					a{
						pointer-events: none;
					}
				}
			}
		}
	}
	.format-video{
		iframe{
			width: 100%;
		}
	}
	.prevNextArticle{
		padding:30px 0;
		display: inline-block;
		width: 100%;
		border-bottom:1px solid $border-color;
		position:relative;
		&:before{
			content:"";
			position:absolute;
			left:50%;
			top:calc(50% - 39px);
			@include size(1px,78px);
			background:$border-color;
		}
		.hoverExtend{
			font-size:12px;
			text-transform:uppercase;
			margin-bottom:5px;
		}
		.previousArticle,.nextArticle{
			width:50%;
			@include rtl-float-left();
			a{
				color:$light-gray;
				font-size:15px;
				text-transform:capitalize;
				display:block;
				.title{
					font-weight:400;
					overflow-wrap: break-word;
					margin:0;
					font-size:20px;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap; 
				}
				&:hover{
					.title{
						color:$theme-color;
					}
					.hoverExtend{
						color:$theme-color;
					}
				}
			}
		}
		.previousArticle{
			@include rtl-padding-right(15px);
		}
		.nextArticle{
			@include rtl-text-align-right();
			@include rtl-float-right();
			@include rtl-padding-left(15px);
		}
		@media (max-width:$screen-xs-max){
			&:before{
				height:60px;
				top: calc(50% - 30px);
			}
			.previousArticle,.nextArticle{
				a{
					color:$gray-dark;
					font-weight:500;
					.hoverExtend{
						margin:0;
					}
					.title{
						display:none;
					}
				}
			}
			.previousArticle{
				a{
					.hoverExtend:before{
						display:inline-block;
						font-family: eleganticons;
						content: "\23";
						font-size:20px;
						@include rtl-margin-right(10px);
						line-height:1;
						position:relative;
						top:5px;
					}
				}
			}
			.nextArticle{
				a{
					.hoverExtend:after{
						display:inline-block;
						font-family: eleganticons;
						content: "\24";
						font-size:20px;
						@include rtl-margin-left(10px);
						line-height:1;
						position:relative;
						top:5px;
					}
				}
			}
		}
	}
	.post-content-entry{
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-top:0;
		padding-bottom:35px;
		width:100%;
		border-bottom:1px solid $border-color;
		.entry-social-share{
			margin-bottom:0;
			margin-top:20px;
			label{
				margin:0;
				color:$gray-dark;
			}
			.social-share {
				display: inline-block;
				a {
					display: inline-block;
					@include square(40px);
					@include rtl-margin-right(5px);
					text-align:center;
					line-height:40px;
					@include border-radius(50%);
					border:1px solid $border-color;
					i{
						text-align: center;
						font-size: 13px; 
						color:$gray-dark;
					}
					&:hover{
						background:$theme-color;
						border-color:$theme-color;
						i{
							color:$white;
						}
					}
					&:last-child {
						@include rtl-margin-right(0);
					}
				}
			}
		}
		.tags-links{
			margin-top:20px;
			label{
				margin:0;
				color:$gray-dark;
			}
			a{
				font-size: 13px;
				color: $text-color;
				font-weight: 400;
				line-height:40px;
				margin:2.5px;
				border:1px solid $border-color;
				display:inline-block;
				padding:0 20px;
				background:transparent;
				white-space:nowrap;
				&:hover{
					background: $theme-color;
					color:$white;
					border-color:$theme-color;
				}
			}
		}
	}
	.edit-link{
		display:block;
		color: $light-gray;
		font-weight: 400;
		text-transform: inherit;
		margin-top:29px;
		padding-bottom:27px;
		border-bottom:1px solid $border-color;
		a{
			color: $theme-color;
			@include rtl-margin-right(15px);
			font-weight: 400;
		}
		&:before{
			display:none;
		}
	}
 	.post-content{ 
 		margin-bottom: 0;
		.post-excerpt{
			.first-letter{
				font-size:40px;
				color:$gray-dark;
				@include square(60px);
				border:2px solid $gray-dark;
				display:inline-block;
				text-align:center;
				line-height:50px;
				@include rtl-float-left();
				@include rtl-margin-right(20px);
				position: relative;
				top: 4px;
			}
			h3{
				margin-top: 30px;
			}
			strong{
				color:$gray-dark;
				font-weight:600;
			}
			figure{
				word-break: break-word;
			}
			iframe{
				margin-top: 20px;
				width:100%;
			}
			ul.list-type-blog{
				margin-bottom: 30px;
				list-style-type: none;
				padding: 0;
				li{
					padding: 10px 0;
					font-family:$font-family-base;
					&:before{
						content: "\4e";
						color: $theme-color;
    					font-family: 'ElegantIcons';
    					@include rtl-margin-right(10px);
					}
					&:last-child{
						padding-bottom: 0;
					}
				}
			}
			.post-password-form{
				margin-bottom:-10px;
				label{
					margin-bottom:0;
				}
				input[type="password"]{
					padding: 5px 15px;
				}
				input[type="submit"]{
					background: $theme-color;
					color: $white;
					padding: 5px 15px;
					@include rtl-margin-left(-5px);
					border: 1px solid $theme-color;
					&:hover{
						background:darken($theme-color,10%);
						border-color:darken($theme-color,10%);
					}
				}
			}
		}
		h2.post-btn{
			@include rtl-float-right();
			margin: 0;
			.post-btn-more{
				text-transform: uppercase;
				@include btn-post-default();
				&:hover{color: #fff; background: $theme-color; border-color: $theme-color; }
			}
		}
		.entry-tag{
			@include rtl-float-left();
			@media (max-width: $screen-xs-max){
				@include rtl-float-left();
				width: 100%;
				margin-top: 10px;
			}
			a{
				color: $text-color;
				&:hover{
					color: $theme-color;
				}
			}
			i{
				font-size: 17px;
				color: $gray-dark;
				@include rtl-margin-right(20px);
				position:relative;
				&:after{
					position:absolute;
					content:":";
					@include rtl-right(-10px);
					color:$gray-dark;
					font-weight:500;
				}
			}
			.title-tag{
				display:none;
			}
		}
	}
	.entry-meta-author{
		display:inline-block;
		padding:30px;
		background:#f5f5f5;
		margin-top:50px;
		width:100%;
		@include border-radius(8px);
		@media(max-width:$screen-xs-max){
			padding:15px;
		}
		.author-avatar{
			display:inline-block;
			vertical-align: middle;
			@media(max-width:$screen-xs-max){
				display: block;
				text-align:center;
			}
			.author-image{
				img{
					@include border-radius(50%);
				}
			}
		}
		.author-info{
			display: inline-block;
			vertical-align: middle;
			padding:0 20px;
			width: calc(100% - 105px);
			@media(max-width:$screen-xs-max){
				padding: 0;
				width: 100%;
				text-align: center;
				margin-top: 10px;
			}
			.author-link{
				display:block;
				margin-bottom:10px;
				a{
					font-size: 16px;
					font-weight: 700;
				}
			}
		}
	}
	&.one_column,&.simple_title,&.prallax_image{
		max-width:1055px;
		margin-left:auto;
		margin-right:auto;
	}
}
.content-single-simple_title{
	>.content-image-single{
		margin:0 0 50px;
		background:#f6f6f6;
		padding:90px 0;
		.content-info{
			max-width:1440px;
			padding-left:15px;
			padding-right:15px;
			margin:auto;
		}
	}
}
.content-single-sticky_title{
	.entry-thumb{
		background-attachment: fixed;
		background-size: cover;
		height:800px;
		margin-bottom:60px;
		background-position:center;
		&:before{
			content:"";
			position:absolute;
			@include square(100%);
			top:0;
			left:0;
			background:rgba($gray-dark,0.25);
		}
	}
	.content-info{
		@include rtl-text-align-left();
		margin:0;
	}
	.content-image-single{
		margin:0;
		position:sticky;
		top:50px;
	}
	>.container{
		>.row{
			display:inline-block;
			>div{
				@include rtl-float-left();
			}
		}
	}
	@media (max-width:$screen-sm-max){
		.content-image-single{
			margin:0 0 30px;
			position:relative;
			top:0;
		}
		.entry-thumb{
			height:500px;
		}
	}
	@media (max-width:$screen-xs){
		.entry-thumb{
			height:350px;
		}
	}
}
.content-single-prallax_image{
	.entry-thumb{
		background-attachment: fixed;
		background-size: cover;
		height:800px;
		margin-bottom:60px;
		background-position:center;
		position:relative;
		&:before{
			content:"";
			position:absolute;
			@include square(100%);
			top:0;
			left:0;
			background:rgba($gray-dark,0.25);
		}
	}
	.content-image-single{
		margin:0 0 50px;
		position:relative;
		.entry-title{
			color:$white;
		}
		.cat-links{
			color:$white;
			a{
				color:$white;
				&:hover{
					color:$theme-color;
				}
			}
		}
		.entry-by{
			color:$white;
			i{
				color:$white;
			}
			a{
				color:$white;
				&:hover{
					color:$theme-color;
				}
			}
			.entry-author:after{
				color:$white;
			}
		}
	}
	.content-info{
		width:100%;
		padding:50px 15px;
		bottom:0;
		left:0;
		position:absolute;
		margin:0;
	}
	@media (max-width:$screen-sm-max){
		.entry-thumb{
			height:500px;
		}
	}
	@media (max-width:$screen-xs){
		.entry-thumb{
			height:350px;
		}
	}
	
}
.single-post-sticky_title,.single-post-prallax_image{
	.bwp-main .page-title{
		margin-bottom:0;
	}
}
/************************************************************************************************
    POST NAVIGATION
*************************************************************************************************/
.navigation.paging-navigation{
	@media(max-width:$screen-sm-max){
		margin-bottom:50px;
	}
	.screen-reader-text{ display: none; }
	.loop-pagination{
		display: inline-block;
	}
}

/*
* General Post Style using for all with naming class entry
*/

.entry-date{
	font-weight: 400;
	time{
		color:$theme-color;
	}
	&:hover{
		cursor:pointer;
		time{
			color:$theme-color;
		}
	}
}
.entry-content{
	.page-links{
		width: 100%;
		display: inline-block;
	}
}
.entry-vote{
	z-index: 1;
	display: table;
	text-align: center;
	top: 20px;
	position: absolute;
	background: rgba($black,.5);
	@include square(44px);
	@include rtl-right(20px);
	.entry-vote-inner{
		color: $white;
		display: table-cell;
		vertical-align: middle;
		font-weight: $headings-font-weight;
	}
	&.vote-perfect{
		.entry-vote-inner{
			color: $red;
		}
	}
	&.vote-good{
		.entry-vote-inner{
			color: $yellow;
		}
	}
	&.vote-average{
		.entry-vote-inner{
			color: #91e536;
		}
	}
	&.vote-bad{
		.entry-vote-inner{
			color: $orange;
		}
	}
	&.vote-poor{
		.entry-vote-inner{
			color: $green;
		}
	}
}
.entry-image{
	margin: -1px;
	display: block;
}
.entry-thumb{
	position: relative;
}
.entry-title{
	margin-top: 0;
	line-height: $entry-title-line-height;
	text-transform: $entry-title-transform;
}
.entry-content-inner{
	padding: $theme-padding;
}
.type-post{
	margin-bottom: $post-type-margin;
}
.blog-type{
	.entry-image{
		@include size(auto,169px);
		img{
			width: auto;
		}
	}
}

/* Using for new, magazine ---------------------------------------------------------------*/
.post-type{

}
.post-title{
	@include font-size(font-size,$entry-title-font-size);
}
.post-thumb{
	position: relative;
}
.blog-meta{
	top: 0;
	position: absolute;
	@include rtl-right($entry-meta-position);
}

/************************************************************************************************
    PORTFOLIO
*************************************************************************************************/
.single-portfolio-content{
	article{
		margin-bottom:60px;
	}
	.content-left{
		@media (max-width:$screen-sm-max){
			margin-bottom:30px;
		}
	}
	.portfolio-excerpt{
		ul{
			padding:0;
			margin-bottom:15px;
			li{
				list-style:none;
				position:relative;
				@include rtl-padding-left(30px);
				&:before{
					content:"";
					@include square(8px);
					@include border-radius(50%);
					position:absolute;
					@include rtl-left(0);
					top:calc(50% - 4px);
					background:$theme-color;
				}
			}
		}
	}
	.entry-title{
		font-size:35px;
		text-transform:capitalize;
		color:$gray-dark;
		margin-bottom:40px;
		line-height:1;
	}
	.portfolio-infomation{
		margin-top:20px;
		.entry-social-share{
			display:flex;
			width:100%;
			.social-share{
				a{
					@include rtl-margin-right(10px);
					display:inline-block;
					@include square(30px);
					text-align:center;
					line-height:30px;
					@include border-radius(50%);
					background:$light-gray;
					color:$white;
					font-size:12px;
					&:hover{
						background:$theme-color;
					}
				}
			}
		}
		>div{
			display: flex;
			border-bottom: 1px dashed rgba($light-gray,0.25);
			padding: 10px 0;
			&:last-child{
				border-bottom:0;
			}
			strong{
				width: 50%;
				font-weight: 700;
				color: $gray-dark;
				text-transform: capitalize;
			}
			time.entry-date.published{
				display:none;
			}
			time.updated{
				color:$text-color;
				text-transform:capitalize;
				font-size:$font-size-base;
				&:before{
					display:none;
				}
			}
			.list-categories{
				padding:0;
				li{
					display:inline-block;
					list-style:none;
					a{
						color:$text-color;
						&:hover{
							color:$theme-color;
						}
					}
				}
			}
		}
	}
}
.single-ourteam-content{
	.ourteam-content{
		@include rtl-padding-left(20px);
		@media (max-width:$screen-sm-max){
			margin-top:50px;
			@include rtl-padding-left(0);
		}
	}
	.entry-thumb{
		text-align:center;
	}
	.ourteam{
		display:flex;
		flex-wrap:wrap;
		align-items:center;
	}
	.entry-title{
		font-size:30px;
		text-transform:capitalize;
		margin:0;
		color:$gray-dark;
		line-height:1;
		margin-bottom:45px;
	}
	.team-job{
		margin-bottom:15px;
		color:$theme-color;
	}
	.social-link{
		margin-top:20px;
		li{
		margin:0 7px;
			a{
				i{
					color:$text-color;
					font-size:25px;
				}
				&:hover{
					i{
						color:$theme-color;
					}
				}
			}
		}
	}
}
body.single-post.elementor-page #bwp-main > .container{
	max-width:1440px;
}
© 2025 XylotrechusZ