#main {
   background-color: #fff;
}

.main-title {
   font-size: 64px;
   margin: 50px 0 40px;
   font-weight: 500;
}

aside.category-filters {
   margin: 50px 0;
}

aside.category-filters ul {
   padding: 0;
   margin: 0;
   list-style: none;
   display: inline-flex;
   flex-wrap: wrap;
   gap: 10px;
}

aside.category-filters ul li a {
   padding: 5.25px 12px;
   border-radius: 24px;
   border: 1px solid #28104e;
   text-decoration: none;
   color: #28104E;
   display:flex;
   flex-wrap: nowrap;
   transition: all .3s ease;
}

aside.category-filters ul li.current-cat a,
aside.category-filters ul li a.active {
   background-color: #28104E;
   color: #fff;
}

aside.category-filters ul li a:hover,
aside.category-filters ul li a:focus{
   background-color: #28104E;
   color: #fff;
}

/* first post */

.highlighted-post{
	padding: 0px;
	border-radius: 110px 0 110px 0;
		-webkit-border-radius: 110px 0 110px 0;
		-moz-border-radius: 110px 0 110px 0;
		-o-border-radius: 110px 0 110px 0;
	background: rgb(255, 150, 85);
	background: linear-gradient(90deg, rgba(255, 150, 85, 0.5) 32%, rgba(255, 203, 170, 0.25) 68%);
}

:is(.page-template-archive-case-study, 
.page-template-case-study) .first-post,
.blog .first-post{
   background: linear-gradient(54.79deg, rgba(255, 150, 85, 0.5) 0.65%, rgba(255, 203, 170, 0.25) 66.11%);
}

.first-post a{
   transition: all .2s ease-out;
      -webkit-transition: all .2s ease-out;
      -moz-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
}

.first-post .content-data>*:not(:last-child) {
   margin-bottom: 10px;
}

.first-post a .image-wrapper{
   margin: 0;
   overflow: hidden;
   border-radius: 80px 0;

   transition: all .2s ease-out;
      -webkit-transition: all .2s ease-out;
      -moz-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
}

.first-post a .thumbnail {
   width: 100%;
   height: auto;
   object-fit: cover;
   overflow: hidden;

   transition: all .2s ease-out;
      -webkit-transition: all .2s ease-out;
      -moz-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
}

.first-post a:hover .thumbnail,
.first-post a:focus .thumbnail{
   transform: scale(1.2);
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);

   transition: all .2s ease-out;
      -webkit-transition: all .2s ease-out;
      -moz-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
}

.first-post .publicate-date {
   font-size: 12px;
   color: #1a1a1a;
}

.first-post .post-categories {
   padding: 0;
   margin: 0;
   list-style: none;
   display: inline-flex;
   flex-wrap: wrap;
   gap: 10px;
}

.first-post .post-categories li{
   color: #ff6200;
}

.first-post .post-categories li:not(:last-child) a:after {
   position: relative;
   content: '|';
   padding-left: 10px;
   color: #A40DFF;
}

.first-post .post-categories li a {
   color: #A40DFF;
   text-decoration: none;
   font-size: 14px;
}

:is(.page-template-archive-case-study, .page-template-case-study) .first-post .post-categories li:not(:last-child) a:after {
   color: #ff6200;
}

:is(.page-template-archive-case-study, .page-template-case-study) .first-post .post-categories li a {
   color: #ff6200;
}

.first-post .permalink__title {
   margin-bottom: 10px;
   text-decoration: none;
}

.first-post .permalink__title .permalink__title {
   color: #1a1a1a;
   font-size: 18px;
   font-weight: 500;
   line-height: 1.4;
}

.first-post .content-data>p {
   margin: 0 0 20px 0;
   font-size: 14px;
   line-height: 1.3em;
   color: #1a1a1a;
}

.first-post a .read-more {
   padding: 0;
   display: inline-flex;
   align-items: center;
   gap: 7px;
   font-size: 14px;
   font-weight: 500;
   color: #1a1a1a;

   transition: all .2s ease-out;
      -webkit-transition: all .2s ease-out;
      -moz-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
}  

.first-post a:hover .read-more,
.first-post a:focus .read-more{
   transform: translateX(8px);
      -webkit-transform: translateX(8px);
      -moz-transform: translateX(8px);
      -o-transform: translateX(8px);
   transition: all .2s ease-out;
      -webkit-transition: all .2s ease-out;
      -moz-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
}

/* posts */
.posts-wrapper {
   padding-bottom: 100px;
}

.posts-wrapper .posts {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
   gap: 30px;
}

.posts-wrapper .posts article {
   padding: 20px 20px 40px;
   display: grid;
   align-items: start;
   border-radius: 100px 0 100px 0 !important;
      -webkit-border-radius: 100px 0 100px 0 !important;
      -moz-border-radius: 100px 0 100px 0 !important;
      -o-border-radius: 100px 0 100px 0 !important;
   background-color: #f7f1ed;
}

.posts-wrapper .posts article>*:not(:last-child) {
   margin-bottom: 10px;
}

.posts-wrapper .posts article a .image-wrapper{
   overflow: hidden;
   border-radius: 80px 0 80px 0 !important;
      -webkit-border-radius: 80px 0 80px 0 !important;
      -moz-border-radius: 80px 0 80px 0 !important;
      -o-border-radius: 80px 0 80px 0 !important;
}

.posts-wrapper .posts article a .image-wrapper img {
   width: 100%;
   height: auto;
   aspect-ratio: 3/2;
   object-fit: cover;
   transition: all .2s ease-out;
      -webkit-transition: all .2s ease-out;
      -moz-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
}

.posts-wrapper .posts article a:hover .image-wrapper img,
.posts-wrapper .posts article a:focus .image-wrapper img{
   transition: all .2s ease-out;
      -webkit-transition: all .2s ease-out;
      -moz-transition: all .2s ease-out;
      -o-transition: all .2s ease-out;
   transform: scale(1.2);
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
}

.posts-wrapper .posts article .publicate-date {
   font-size: 12px;
   color: #1a1a1a;
}

.posts-wrapper .posts article .post-categories {
   margin: 0 0 10px;
   padding: 0;
   display: inline-flex;
   flex-wrap: wrap;
   align-items: flex-start;
   gap: 0 10px;
   list-style: none;
   color: #A40DFF;
}

.posts-wrapper .posts article .post-categories li:not(:last-child):after {
   position: relative;
   content: '|';
   padding-left: 10px;
   color: #A40DFF;
}

.posts-wrapper .posts article .post-categories li {
   color: #A40DFF;
   text-decoration: none;
   font-size: 14px;
}

:is(.page-template-archive-case-study, .page-template-case-study, .tax-case-study-tags) .posts-wrapper .posts article .post-categories li:not(:last-child) a:after {
   color: #ff6200;
}

:is(.page-template-archive-case-study, .page-template-case-study, .tax-case-study-tags) .posts-wrapper .posts article .post-categories li {
   padding: 2px 4px 2px 0;
   text-decoration: none;
   font-size: 14px;
   line-height: 1.25em;
   color: #ff6200;
}

.posts-wrapper .posts article .post-categories li:not(:last-child) a:after {
   position: relative;
   content: '|';
   padding-left: 10px;
   color: #A40DFF;
}

.posts-wrapper .posts article .permalink {
   text-decoration: none;
}

.posts-wrapper .posts article .permalink .permalink__title {
   color: #1a1a1a;
   font-size: 18px;
   font-weight: 500;
   line-height: 1.4;
}

/* pagination */
.navigation.pagination {
   margin-top: 30px;
}

.navigation.pagination .screen-reader-text {
   display: none;
}

.navigation.pagination .nav-links {
   display: flex;
   justify-content: center;
   gap: 20px;
}

.navigation.pagination .nav-links .page-numbers {
   display: grid;
   place-content: center;
   width: 35px;
   height: 35px;
   padding: 0;
   background-color: transparent;
   border-radius: 6px;
   color: #1a1a1a;
   border: 1px solid transparent;
   transition: all .3s ease;
}

.navigation.pagination .nav-links .page-numbers.current {
   background-color: transparent;
   color: #1a1a1a;
   border: 1px solid #1a1a1a33;
}

.navigation.pagination .nav-links .page-numbers:not(.current):hover {
   background-color: #FAF6F3;
   color: #1a1a1a;
   border-color: #1a1a1a33;
}

.navigation.pagination .nav-links :is(.prev, .next) {
   width: auto;
   padding: 0 15px;
}

@media(min-width:768px) {
   .posts-wrapper .posts {
      gap: 50px;
   }

   .first-post a{
      padding: 40px;
      display: grid;
      gap: 50px;
      grid-template-columns: 1fr 1fr;
      align-items: center;
   }

   .first-post .thumbnail {
      margin-bottom: 0;
      height: 100%;
      min-height: 350px;
      border-radius: 60px 0;
   }

   .first-post .publicate-date {
      font-size: 16px;
   }

   .first-post .post-categories li a {
      font-size: 16px;
   }

   .first-post .permalink__title {
      font-size: 24px;
   }

   .first-post .content-data>p {
      font-size: 16px;
   }

   .first-post .read-more {
      font-size: 16px;
   }

   /* pagination */
   .navigation.pagination {
      margin-top: 50px;
   }
}