body {
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* header */

.header{
    background: #121518;
}

.header .logo>.title>h1,
.header .logo>.title>h2{
    color: #fff;
}

.header .menu>a{
    background: none;
    color: #fff;
    font-size: 16px;
}

.header .menu>a:hover{
    color: #aa9166;
}

.fa-search{
    color:#fff;
}

.header .left-side .action-item:hover{
    background:none;
}

.header .left-side .action-item:hover>.fa-search{
    color:#aa9166;
}

.search-modal{
    background: hsla(0,0%,10%,.95);
}

.search-modal #close-search{
    color:#fff;
}

.search-modal #close-search:hover{
    color:#aa9166;
}

.search-modal .input-search {
  border: 4px solid #aa9166;
}

@media screen and (max-width: 992px) {
    .header .drawer-menu {
        color: #fff;
    }
    
    .header .drawer-menu:hover{
        color:#aa9166;
        opacity: 1;
    }
}

.mini-menu>a>i,
.menu>a>i{
    display: none;
}

.mini-menu{
    background: #121518;
}

.mini-menu a{
    color: #fff;
}

.mini-menu a:hover{
    color: #aa9166;
    background: none;
}

/* body */

a{
    color: #aa9166;
}

a:hover{
    color: #eac07a;
    background: none;
}

.slider .item, .slider .item img{
    border-radius: 0;
}

.slider .item .content .title:hover{
    color: #fff;
}

.page-content .articles-list .article-row .image{
    box-shadow: none!important;
    border: 4px solid #000;
    border-radius: 0;
}

.slider .item .mask {
	border-radius: 0rem;
}

.page-content .articles-list .article-row .image img {
	border-radius: 0rem;
	margin: 0;
	width: 100%;
	object-fit: fill;
}

.page-content .contact .caption,
.page-content .section-title span {
  color: #aa9166;
}

.page-content .articles-list .article-row .content .title a:hover{
    background: none;
    color: #aa9166!important;
}

.page-content .article .details,
.page-content .articles-list .article-row .content .details {
	background: linear-gradient(270deg,#ebebeb,hsla(0,0%,100%,0));
	color: #000;
}

.page-content .sidebar .most-visit .list a {
	background: #fff;
	box-shadow: 0 0 8px 2px #00000024;
	color: #000;
	border: 2px solid #aa9166;
	transform: none;
	border-radius: 0;
}

.page-content .sidebar .most-visit .list a:hover {
	background: #aa9166;
	color: #fff;
	border: 2px solid #aa9166;
	transform: none;
}

.hot-tags>.list{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    row-gap: 15px;
}

.hot-tags>.list>a{
    text-align: center;
    margin: 0;
}

.page-content .sidebar .hot-tags .list a {
	background: #fff;
	color: #000;
	border: 2px solid #aa9166;
	border-radius: 0px;
	transform: none;
	box-shadow: 0 0 8px 2px #00000024;
}

.page-content .sidebar .hot-tags .list a:hover {
	background: #aa9166;
	color: #fff;
	border: 2px solid #aa9166;
	transform: none;
	box-shadow: 0 0 8px 2px #00000024;
}

.follow-us>.list{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background: #ebebeb;
}

.follow-us>.list>a{
    width:33%;
}

.follow-us>.list>a>img{
    width: 75%;
    height: auto;
    aspect-ratio:1/1;
}

@media screen and (max-width: 1280px) {
    .follow-us>.list{
        flex-direction: column;
    }
    
    .follow-us>.list>a>img{
        width: 75%;
    }
}

@media screen and (max-width:768px) {
    .follow-us>.list{
        flex-direction: row;
    }
    
    .follow-us>.list>a>img{
        width: 50%;
    }
}

@media screen and (max-width:576px) {
    .follow-us>.list>a>img{
        width: 60%;
    }
}

@media screen and (max-width: 480px) {
    .follow-us>.list>a>img{
        width: 75%;
    }
}

.page-content .search-result .section-title input{
    color: #000;
}

.paging>a{
    color: #000;
    border-radius: 0;
}

.paging>a:hover{
    background:none;
    color: #aa9166;
}

.paging>a.active{
    color: #fff;
    background: #aa9166;
}

.page-content .article .image img{
    width: 100%;
    box-shadow: none;
	aspect-ratio: 3/2;
	object-fit: fill;
	border: 4px solid black;
	border-radius: 0;
	margin: 0;
}

.page-content .article .share b,
.page-content .article .tags b{
    color: #aa9166;
}

.page-content .article .share a:hover,
.page-content .article .tags a:hover{
    background:none;
    color: #aa9166;
}

.page-content b.caption{
    color: #000;
}

.form-group>button,
.page-content .comments .btn-send{
    background: #000!important;
    color: #aa9166!important;
    padding: 10px 22px;
    border-radius: 0;
}

.form-group>button:hover,
.page-content .comments .btn-send:hover{
    background: #aa9166!important;
    color: #000!important;
}

.page-content .comments .list .cm-box .cm-header .user-info .details .name,
.page-content .comments .list .cm-box .cm-header .actions span {
  color: #000;
}

.page-content .comments .list .cm-box .cm-header .actions span:hover {
  color: #aa9166;
}

/* footer */

.footer {
    background: #121518;
	padding: 40px 0 20px 0;
}

.footer .menu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    column-gap: 16px;
    background: #000;
	padding: 1rem 5rem;
	border-bottom: none;
	margin: 0 20px;
}

.footer .menu a {
    font-size: 16px;
	text-align: center;
	color: #fff;
	margin: 0;
}

.footer .menu a:hover {
    background: none;
    color: #aa9166;
}

.footer .copyright {
	padding: 1rem 5rem;
	font-size: 16px;
	text-align: center;
	color: #fff;
}

.footer .copyright a {
	color: #aa9166;
}

.footer .copyright a:hover {
	background: none;
}