/* ------------------------------
		Post-single
------------------------------ */
.post{
	&-single{
	 	background-color: $white-color !important;
		padding: 30px;
		border-radius: $rd-round !important;
		margin-bottom:30px;
		margin-top:30px;
		@include shadow();
		&-image{
			margin-top:-60px;
			margin-bottom:40px;
			border-radius: $rd-round;
			img{
				border-radius: $rd-round;
				@include shadow();
			}
		}
		&-video,
		&-audio {
			margin-top: -60px;
			margin-bottom: 30px;
			border-radius: 20px;
			iframe {
				width: 100%;
				height: 400px;
				border: 0px;
				@include shadow();
				border-radius: $rd-round;
			}
		}

		&-content{
			.categorie{
				margin-bottom:20px;
			}
			h4{
				margin-bottom:20px;
				@include easeInOut(0.3);
			}
			p{
				margin-bottom:30px;
			}
		}
		&-info{
			img{
				width:40px;
				height: 40px;
				border-radius: $rd-circle;
				margin-right:7px;
			}
			li{
				margin-bottom:0;
				font-size: 13px;
				color:$text-color;
				font-weight: 400;
			}

		}
		&-body{
			margin-top:30px;
			h5{
				margin-top:30px;
				margin-bottom:10px;
			}
			a {
			    color: $base-color;
			    text-decoration: underline;
			    @include easeInOut(0.3);
			    &:hover {
			        text-decoration: none;
			        color: $dark-color;
			    }
			}
			.image{
				margin-top:15px;
				margin-bottom:15px;
				img{
					border-radius: $rd;
				}
				p{
					color:$text-color;
					text-align:center;
					font-size: 12px;
					margin-top:4px;
					margin-bottom:0px;
				}
			}
			.quote{
				background-color: $light-color;
				padding:20px;
				border-radius: $rd-round;
				margin-top:30px;
				margin-bottom:30px;
				text-align: center;
				i{
					font-size: 30px;
					color:$base-color;
				}
				p{
					margin-top:10px;
					margin-bottom:10px;
					font-size:16px;
					color:$dark-color;
					font-weight: 900;
				}
				small{
					color:$text-color;
					font-weight: 400;

				}

			}
			ul {
			    padding-inline-start: 40px;
                li {
                    list-style: initial !important;
                }
			}
			.list{
				margin-bottom: 15px;
				li{
					position: relative;
					padding-left: 15px;
					margin-bottom: 10px;
					&:before{
						background-color: $text-color;
						border-radius: $rd-circle;
						@include after(0,12px,5px,5px);
					}
				}
			}
		}
		&-footer{
			margin-top:30px;
			display: flex;
			align-items: center;
          	.tags{
				@include tags();
		  	}
		}
	}
}





