.container-articles{
	margin-top:80px;
	margin-bottom:100px;
}
.container-articles > div {
  width: 65%;
}
aside {
  width: 30%;
}
aside .title {
  font-weight: 500;
  font-size: 1.2em;
  text-align: center;
  padding: 0 0 10px;
  margin: 0 0 10px;
  border-bottom: 1px solid #eee;
}
aside section {
  margin:30px 0 0;
}
aside section article {
  margin: 0 0 10px;
}
aside section article p {
  font-size: 0.85em;
  margin: 0 0 5px;
}
aside section article a {
  color: var(--c-dark);
  font-weight: 500;
}
aside .categories {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #eee;
  padding: 20px;
}
aside .categories li {
  padding: 5px 0;
}
aside .tags {
  margin: 30px 0 0;
  text-align: center;
}
aside .tags .title {
  border: 0;
  margin: 0;
}
aside .tags a,
.tax-list.tag-list a{
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  background:#f0f0f0;
  padding: 3px 7px;
  font-size: 0.8em;
  color: #000;
  margin: 0 0 5px;
  display: inline-block;
}
aside .tags a:hover,
.tax-list.tag-list a:hover {
  background: #565656;
  color: #fff;
}

main > article:not(:first-child) {
  margin: 50px 0 0;
}
main > article:not(:first-child):before {
  content: "";
  top: -25px;
  left: 0;
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  transform: scaleX(-1);
  background: linear-gradient(to right, rgba(0, 0, 0, 0), #b2a190);
}
.section-articles-list{
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.section-articles-list.loading{
	opacity:.5;
}
.article-block{
	margin-bottom:80px;
}
.articles-pagination-pages .page-numbers{
	display:flex;
	gap:20px;
}
.articles-pagination-pages  .page-numbers li > *{
	display:flex;
	align-items:center;
	justify-content:center;
	width:30px;
	height:30px;
}
.articles-pagination-pages  .page-numbers li > a{
	border:1px solid #ececec;
}
.articles-pagination-pages  .page-numbers li .next,
.articles-pagination-pages  .page-numbers li .prev{
	border:0;
	position:relative;
}
.articles-pagination-pages  .page-numbers li .next:after,
.articles-pagination-pages  .page-numbers li .prev:after{
	content:'';
	display:block;
	width:30px;
	height:30px;
}
.articles-pagination-pages  .page-numbers li .prev:after{
	background:url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 511.641 511.641" style="enable-background:new 0 0 511.641 511.641;" xml:space="preserve"><path d="M148.32,255.76L386.08,18c4.053-4.267,3.947-10.987-0.213-15.04c-4.16-3.947-10.667-3.947-14.827,0L125.707,248.293 c-4.16,4.16-4.16,10.88,0,15.04L371.04,508.667c4.267,4.053,10.987,3.947,15.04-0.213c3.947-4.16,3.947-10.667,0-14.827 L148.32,255.76z"/></svg>') no-repeat center / 70%;
}
.articles-pagination-pages  .page-numbers li .next:after{
	background:url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 511.949 511.949" style="enable-background:new 0 0 511.949 511.949;" xml:space="preserve"><path d="M386.235,248.308L140.902,2.975c-4.267-4.053-10.987-3.947-15.04,0.213c-3.947,4.16-3.947,10.667,0,14.827l237.76,237.76 l-237.76,237.867c-4.267,4.053-4.373,10.88-0.213,15.04c4.053,4.267,10.88,4.373,15.04,0.213c0.107-0.107,0.213-0.213,0.213-0.213 l245.333-245.333C390.395,259.188,390.395,252.468,386.235,248.308z"/></svg>') no-repeat center / 70%;
}
.articles-pagination-pages .page-numbers.current{
	background:var(--c1);
	color:var(--c-dark);
}
.articles-pagination-pages  .page-numbers li > a:not(.next, .prev):hover{
	background:var(--c-light);
}

.article-block {
  position: relative;
  background-color: #fff;
  overflow: hidden;
}
.article-block .img {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  display: block;
  width: 100%;
  height: 200px;
  cursor: pointer;
  overflow: hidden;
  background-repeat:no-repeat;
  background-size:cover;
}
.article-block .text {
  padding: 30px 0;
}
.article-block .text p {
  margin: 10px 0 0;
}
.article-block .text a {
  color:#000 !important;
  font-size: 1.1em;
  line-height: 1;
  font-weight: 500;
}
.article-block .text div:not(.date) {
  margin: 10px 0 0;
}
.article-block .date {
  font-size:.9em;
  margin: 0 0 5px;
}

.articles-prev,
.articles-next {
  top: 125px !important;
}

.articles-prev {
  left: -22px !important;
}

.articles-next {
  right: -22px !important;
}

@media screen and (max-width:768px){
	.article-block{
		margin-bottom:50px;
	}
}
@media screen and (max-width:575px){
	.article-block .author{
		margin-top:10px;
		padding:0;
	}
}
@media screen and (max-width: 850px) {
  .articles-prev {
    left: -16px !important;
  }
  .articles-next {
    right: -16px !important;
  }
}
/* ----------------------------------------------------------------
	:: Pagination
-----------------------------------------------------------------*/
.pagination {
  display: flex;
  justify-content: center;
  gap: 5px;
}
.pagination a,
.pagination .current {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  width: 30px;
  height: 30px;
  line-height: 1.5;
}
.pagination a {
  border: 1px solid #fff;
}
.pagination a:hover {
  border-color: #aa8159;
}
.pagination .current {
  background: #aa8159;
  color: #fff;
  font-weight: 500;
  border-color: #aa8159;
}
.pagination .next,
.pagination .last,
.pagination .previous,
.pagination .first {
  font-size: 1.4em;
  border-color: #5982aa;
  color: #5982aa;
}
.pagination .next {
  margin: 0 0 0 15px;
}
.pagination .previous {
  margin: 0 15px 0 0;
}

.pagination-top:has(*) {
  margin: 0 0 40px;
}

.pagination-bottom:has(*) {
  margin: 40px 0 0;
}

/* Article page */
.single-article .headline > .container > div{
	background-size:auto;
}
.single-article .entry-title{
	color:var(--c-dark);
	margin:15px 0 030px;
	font-weight: 500;
}
.tax-list{
	display:flex;
	gap:15px;
	margin:10px 0;
}
.tax-list span{
	display:flex;
	gap:5px;
	width:110px;
}
.tax-list span:before{
	content:'';
	display:block;
	min-width:20px;
	height:20px;
	opacity:.5;
}
.tag-list span:before{
	background:url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 436.38 436.38" style="enable-background:new 0 0 436.38 436.38;" xml:space="preserve"><g><path d="M340.38,23.224H206.396c-8.48,0-16.624,3.376-22.624,9.376L9.372,206.968c-12.496,12.496-12.496,32.752,0,45.264 l133.984,133.984c12.496,12.496,32.752,12.496,45.248,0l174.4-174.368c6-6.016,9.376-14.16,9.376-22.656V55.224 C372.38,37.544,358.06,23.224,340.38,23.224z M284.38,135.224c-13.248,0-24-10.752-24-24s10.752-24,24-24s24,10.752,24,24 S297.628,135.224,284.38,135.224z"/><path d="M404.38,55.224l-0.016,148.944c0,7.376-2.928,14.464-8.16,19.68L218.988,401.064l2.72,2.72 c12.496,12.496,32.752,12.496,45.248,0l160.032-160c6.016-6,9.392-14.144,9.392-22.624V87.224 C436.38,69.544,422.06,55.224,404.38,55.224z"/></g></svg>') no-repeat center / contain !important;
}
.cats-list span:before{
	background:url('data:image/svg+xml;utf8,<svg viewBox="0 -57 511.99973 511" xmlns="http://www.w3.org/2000/svg"><path d="m506.039062 180.988281c-7.78125-12.546875-21.53125-20.046875-36.78125-20.046875h-339.5625c-16.832031 0-32.140624 9.488282-39.011718 24.179688l-89.8125 188.308594c3.390625 13.789062 16.269531 24.089843 31.609375 24.089843h361.269531c15.445312 0 29.5625-8.734375 36.460938-22.554687l77.628906-155.59375c6.128906-12.3125 5.449218-26.660156-1.800782-38.382813zm0 0"/><path d="m72.402344 156.15625c6.863281-14.6875 22.175781-24.179688 39.011718-24.179688h319.753907v-40.898437c0-16.859375-14.222657-30.578125-31.703125-30.578125h-186.445313c-.273437 0-.460937-.070312-.53125-.121094l-33.371093-46.660156c-5.910157-8.277344-15.671876-13.21875-26.101563-13.21875h-121.304687c-17.488282 0-31.710938 13.71875-31.710938 30.578125v276.875zm0 0"/></svg>') no-repeat center / contain !important;
}

@media screen and (max-width: 1200px) {
  .container-articles {
    flex-direction: column;
    gap: 50px;
  }
  .container-articles > * {
    min-width: 100%;
  }
  aside {
    border-top: 1px solid #eee;
    padding: 20px 0 0;
  }
  aside > div {
    position: static;
  }
  aside .tags,
  aside .categories {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    border: 0;
    padding: 0 0 30px;
  }
  aside .tags .title,
  aside .categories .title {
    min-width: 100px;
    text-align: left;
    border: 0;
    padding: 0;
    margin: 0;
  }
  aside .tags ul,
  aside .categories ul {
    display: flex;
    flex-wrap: wrap;
  }
  aside .tags ul li:not(:last-child) a:after,
  aside .categories ul li:not(:last-child) a:after {
    content: ",";
    margin: 0 5px 0 0;
  }
  aside .tags ul li,
  aside .categories ul li {
    padding: 0;
  }
  aside .tags {
    margin: 0;
  }
  aside .tags > div:not(.title) {
    display: flex;
    flex-wrap: wrap;
  }
  aside .tags > div:not(.title) a {
    margin: 0 5px 0 0;
  }
}
@media screen and (max-width: 1024px) {
  .articles-block .img {
    min-width: 150px;
    width: 150px;
    height: 150px;
  }
}
@media screen and (max-width: 700px) {
  .article-block {
    display: block;
  }
  .article-block .img {
    max-width: 100%;
    width: 100%;
    margin: 20px auto;
  }
  .article-block .articles-text > p {
    font-size: 1em;
  }
}
@media screen and (max-width: 480px) {
  aside .tags,
  aside .categories {
    flex-direction: column;
    gap: 10px;
    padding: 0 0 15px;
  }
  aside .tags .title {
    padding: 0 0 5px;
  }
}