/* Blog Post */

.post-wrapper {
  display: flex;
  flex-wrap: wrap;
  row-gap: 30px;
}

.single-post .content-wrapper,
.single-editorial .content-wrapper{
  margin-top:30px;
}

.post-wrapper .post {
  width: 33.33%;
  padding: 10px;
}

.post-thumbnail-wrapper {
  height: 500px;
  width: 100%;
  margin-bottom: 15px;
}

.post-thumbnail-wrapper > .post-thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.post a {
  text-decoration: none;
}

.post .post-title {
  font-size: 23px;
}

.post-first {
  width: 100%;
}

.post-first .post-title,
.article-h1 {
  font-size: 80px;
}

/* General Info Page */
.info-page {
  display: flex;
  flex-wrap: wrap;
}

.info-page-heading-wrapper {
  width: 100%;
  margin-left: 25%;
}

.info-page-sidebar {
  width: 25%;
  padding-top: 15px;
  padding-right: 50px;
}

.info-page-menu {
  display: flex;
  gap: 5px;
  flex-direction: column;
  position: sticky;
  top: 80px;
}

.info-page-menu-item {
  display: inline-flex;
  text-decoration: none;
  color: var(--global-color-grey);
  font-size:18px;
}

.info-page-menu-item:hover,
.info-page-menu-item:active,
.info-page-menu-item:focus {
  color: #252525 !important;
}

.info-page-content {
  width: 65%;
}

.single-post-heading-wrapper {
  display: flex;
}

.single-post-heading-col {
  width: 50%;
  padding: 20px 40px 20px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.single-post-thumbnail-col {
  width: 50%;
  padding: 20px;
}

.single-post-thumbnail-wrapper {
  width: 100%;
  height: 100%;
  min-height: 500px;
}

.single-post-thumbnail-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.single-post-body {
  max-width: 900px;
  margin: 100px auto;
}

.single-post-body h1,
.single-post-body h2,
.single-post-body h3,
.single-post-body h4,
.single-post-body h5,
.single-post-body h6 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.single-post-body figure.wp-block-gallery.has-nested-images {
  margin: 30px auto;
}

.post-type-page .article-h1 {
  text-align: center;
  margin-bottom: 50px;
}

.post-first-wrapper {
  max-width: 800px;
  text-align: center;
  margin: 50px auto;
}

.post-first-wrapper a {
  text-decoration: none;
}

.post-first-wrapper p {
  font-size: 18px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.archive-heading {
  text-align: center;
}

.archive-navigation {
  text-align: center;
}

.post-excerpt {
  margin-bottom: 50px;
}

.blog-category-link {
  border-radius: var(--global-border-radius);
  padding: 6px 20px;
  text-decoration: none;
  display: inline-block;
  margin-right: 10px;
	margin-bottom:12px;
}

.blog-category-link:hover,
.post-category-label:hover {
  background-color: #252525;
  color: #fff;
}

.pagination {
  list-style-type: none;
  display: flex;
  padding-inline-start: 0px;
  text-align: center;
  justify-content: center;
  margin: 100px auto;
}

.pagination li {
  margin-right: 10px;
}

.pagination li a {
  text-decoration: none;
}

.pagination .disabled {
  display: none;
}

.post-category .the-a-list-blog.post-category-label {
  display: none;
}

.post-category {
  margin-top: 15px;
  margin-bottom: 15px;
}

.post-category .post-category-label {
  border-radius: var(--global-border-radius);
  display: inline-block;

  font-size: 12px;
  padding: 3px 15px;
  margin-right: 5px;
  text-decoration: none;
}

.post-category .post-category-label.beauty,
.blog-category-link-beauty {
  background-color: var(--brand-color-lilac);
  color: #252525;
}



.post-category .post-category-label.fashion,
.blog-category-link-fashion {
  background-color: var(--brand-color-red);
  color: #fff;
}

.post-category .post-category-label.lifestyle,
.blog-category-link-lifestyle{
  background-color: #ffe7cc;
  color: #252525;
}

.post-category .post-category-label.home,
.blog-category-link-home{
  background-color:#52009D;
  color:#fff;
}

.post-category .post-category-label.community,
.blog-category-link-community {
  background-color: #b9f3fc;
  color: #252525;
}

@media screen and (max-width: 989px) {
  .single-post-heading-wrapper {
    flex-direction: column;
    gap: 20px;
  }

  .single-post-heading-col,
  .single-post-thumbnail-col {
    width: 100%;
    padding: 0;
  }

  .single-post-thumbnail-wrapper {
    min-height: 1px;
  }

  .single-post-body {
    margin-top: 0;
  }
	
	.info-page-content{
		width:100%;
	}
	.info-page-heading-wrapper{
		margin-left:0;
	}

  .post-wrapper .post{
    width:50%;
  }
}
.info-page-heading{
	margin-bottom:50px;
}

@media screen and (max-width:649px){
  .post-wrapper .post{
    width:100%;
  }

  .post-first .post-title,
  .article-h1{
    font-size:50px;
  }
	

}

@media screen and (max-width:450px){
	.blog-category-link{
		width:45%;
		margin-bottom:15px;
		margin-left:5px;
	}
}