input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}
.blog{	
	img{
		object-fit:cover;
	}
	h1,h2,h3,h4,h5,h6{
			font-family: Poppins;
	}
	.liquid-lp-media img{
		width: 100%;
		max-height: 480px;
		object-fit: cover;
	}
	img{
		max-width: 100% !important;
	}
	footer{
		background: #f7f7f7
	}
	header{
		.btn{
			i{
				display: block;
			}
		}
	}
	.page-title{
		text-align: center;
		width: 100%;
		padding: 0 0 50px 0;
		color: black;
	}
	.navbar-brand{
		line-height: 65px;
	}
	.main-header{
		li{
			height: 20px;
			line-height: 30px;
		}
	}
	.main-nav{
		a{
			color: black;
			line-height: 30px;
		}
	}
	.main-sidebar-blog{
		padding-left: 30px;
	}
	.post-recent{
		display: flex;
		margin-bottom: 10px;
		.post-media {
		    flex: 0 0 auto;
		    max-width: 37%;
		    padding-right: 10px;
		    padding-top: 5px;
		    img{
		    	width: 84px;
		    	height: 70px;
		    	object-fit: cover;
		    }
		}
		.caption {
		    flex: 0 1 auto;
		    // max-width: 60%;
		    h5{
		    	margin: 0;
			    font-size: 16px;
			    padding-top: 1px;
			    a{
			    	color: var(--color-font);
			    }
		    }
		    .time {
			    font-size: 13px;
			    color: #9e9ea0;
			}
			.heading-link{
				height: 95px;
				text-overflow:ellipsis;
				display: inline-block;
			  	overflow: hidden;
			  	text-overflow: ellipsis;
			}
		}
		&:hover{
			.caption{
				h5{
					a{
						color: black;
					}
				}
			}
		}
	}
	.aside-gallery {
	    display: flex;
	    flex-wrap: wrap;
	    margin-left: -14px;
	    margin-right: -14px;
	    transform: translateY(-14px);
	    li {
		    display: inline-block;
		    padding-left: 5px;
		    padding-right: 5px;
		    margin-top: 10px;
		    overflow: hidden;
		    img{
		    	height: 120px;
			    width: 160px;
		    }
		}
	}
	.dates{
		li{
			margin-right: 2px;
			&:after {
		        content: ".";
		        display: block;
		        height: 0;
		        clear: both;
		        visibility: hidden;
		    }
		}
	}
	.lire-plus{
		padding: 2px 10px;
	}

	.liquid-lp-header{
		a{
			text-transform: inherit;
			color:var(--color-font);
		}
	}


	* + .comment-list {
	    margin-top: 20px;
	}

	.unit {
	    display: flex;
	    flex: 0 1 100%;
	    margin-bottom: -20px;
	    margin-left: -30px;
	    .position{
	    	margin-bottom: 15px;
	    }
	}
	.unit-left, .unit-right {
	    flex: 0 0 auto;
	    max-width: 100%;
	}
	.post-author{
		border: none;
	}
	.post-author img {
	    border-radius: 50%;
	}
	.unit-body {
		flex: 0 1 auto;
	}

	.section-title{
		font-size: 18px;
		font-weight: bold;
		padding-bottom: 5px;
		border-bottom: 1px solid rgb(202, 202, 205);

	}



	.box-comment {
		padding-bottom: 20px;
	    display: flex;
	    flex-direction: column;
		@media (min-width: 768px){
			flex-direction: row;
		}
		.comment-meta {
		    color: #9e9ea0;
		}
		.author-reply .icon {
		    padding-right: 5px;
		    font-size: 16px;
		}
		h5{
			font-size: 18px;
		}
	}


	.box-comment-image {
	    flex-shrink: 0;
	    padding-bottom: 10px;
		img {
		    border-radius: 50%;
		}
		@media (min-width: 768px){	
		    max-width: 30%;
		    padding-right: 30px;
			padding-bottom: 0;
		}
	}
	.list-inline-3 {
	    margin-left: -40px;
	    margin-right: -29px;
		& > li {
		    display: inline-block;
		    padding-right: 29px;
		}
	}

	

	.comment-list .comment-list-reply > li {
	    padding-left: 20px;
		@media (min-width: 768px){
		    padding-left: 40px;
		}
		@media (min-width: 1200px){
			padding-left: 59px;
		}
	}
	ul{
		list-style: none;
	}



	.article_consultation{
		width: 100%;
		padding: 20px;
		box-shadow: 2px 2px 5px rgba(69, 65, 78, 0.2);
		h4{
			margin: 0;
		}
		.date{
			float: right;
		}
	}

	.widget_archives,
	.widget_tags{
		.list-inline{
			li{
				border: 1px solid #ccc;
				border-radius: 20px;
				margin: 5px;
				font-size: 14px;
				padding-left: 10px;
				padding-right: 10px;
				&:hover{
					background: black;
					a{
						color: white;
						font-weight: bold;
					}
				}
			}

			&.dates{
				div{
					border: 1px solid #ccc;
					border-radius: 20px;
					margin: 5px;
					font-size: 14px;
					padding-left: 10px;
					padding-right: 10px;
					display: block;
					width: fit-content;
					&:hover{
						background: black;
						a{
							color: white;
							font-weight: bold;
						}
					}
				}
			}
		}
	}

	.liquid-lp-category{
		a:hover{
			color: black;
		}
	}
	.liquid-blog-item{
		width: 100%;
	}
	.pagination{
		display: inline-block;
		li{
			margin-left: 2px;
			margin-right: 2px;
		}
		.page-link{
			color: black;
			&:focus{
				box-shadow: none;
			}
		}
		.page-item.active .page-link{
			background-color:black;
			border-color: black; 
			color: white;
		}
	}

	@media screen and (max-width: 992px) { 
		#content{
			padding-top: 0 !important;
			padding-bottom: 0 !important;
			.container{
				padding-top: 50px !important;
			}
		}
		.navbar-brand{
			padding: 0;
			line-height: 50px !important;
		}
		.mainbar-row{
		    flex-direction:unset !important;
			ul{
				padding: 0 !important;
				li{
					display: flex;
					line-height: 20px !important;
				}
			}
		    & > div{
		      width: auto;
		      // border: 1px solid red;
		      width: 100%;
		      max-width: 100%;
		    }	 
		    .col-3{
		    	display: none;
		    }
	    }
	    .mainbar-wrap.show .col{
			display: block;
			height: 200px;
			.collapse{
				display: block;
				box-shadow: none;
				padding-top: 20px;
				padding-left: 0;
				padding-right: 0;

			}
	    }
	    .sidebar-container{
	    	padding-top: 30px;
	    }
	    .main-sidebar-blog{
	    	padding-left: 0;
	    }

	    .main-footer{
	    	.mt-90{
	    		margin-top: 0 !important;
	    	}
	    	.bt-fade-black-05{
		    	.lqd-column{
		    		*{
			    		text-align: center;
			    		line-height: 30px;
		    		}
		    	}
	    	}
	    }
	}
	h1{
		font-size: 24px;
	}
	h2{
		font-size: 22px;
	}
	.article_content{
		h1,h2,h3,h4,h5,h6{
			font-family: Poppins;
			font-size: 1em;
			margin: 0;
		}
		h2{
			font-size: 18px  !important;
			font-weight: bold  !important;
			margin-bottom: 25px !important;
		}
		h3{
			font-size: 16px  !important;
			font-weight: bold  !important;
			margin-bottom: 20px !important;
		}
		p{
			font-size: 16px  !important;
			margin-bottom: 20px !important;
		}

		*{
			font-family: Poppins !important;
		}
	}
	.messages{
		.message{
			font-size: 16px;
			*{
				font-family: Poppins !important;
			}
		}
	}
}