/* #main {
  position: absolute;
  top: 19%;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
} */

/* upcoming books */
.slick-slide figure img { height: 17rem; }

.book-3d {
  --book-thickness: 26px;
  --cover-color: var(--navColor);

	perspective: 1000px;
  max-width: 250px;
  margin: 0 auto;

}

.book-3d__inner {
	position: relative;
	transform-style: preserve-3d;
transform: rotateY(-25deg)
}

/* Book Pages */
.book-3d__inner::before { position: absolute; content: ' '; left: 100%; top: 1%; width: calc( var(--book-thickness) * 1 ); height: 98%; transform: translate(-32%,0) rotateY( 90deg ); background: linear-gradient( 90deg , #fff 0%, hsl(0, 0%, 94%) 5%, #fff 10%, hsl(0, 0%, 94%) 15%, #fff 20%, hsl(0, 0%, 94%) 25%, #fff 30%, hsl(0, 0%, 94%) 35%, #fff 40%, hsl(0, 0%, 94%) 45%, #fff 50%, hsl(0, 0%, 94%) 55%, #fff 60%, hsl(0, 0%, 94%) 65%, #fff 70%, hsl(0, 0%, 94%) 75%, #fff 80%, hsl(0, 0%, 94%) 85%, #fff 90%, hsl(0, 0%, 94%) 95%, #fff 100% ); }
/* Rear Cover */
.book-3d__inner::after { content: ''; position: absolute; top: 0; left: 1%; width: 100%; height: 100%; transform: translateZ( calc( var(--book-thickness) * -1 ) ); background-color: var(--cover-color); border-radius: 0 2px 2px 0; box-shadow: -10px 0 50px 10px rgba(0,0,0, 0.3); }
.book-3d__cover { display:block; width:100%; height: auto; border-radius: 0px 2px 2px 0px; transform: translateZ( var(--book-thickness) ); box-shadow: 5px 5px 20px rgba(0,0,0, 0.1); }

/* End of upcoming books */

#main-nh { background-position: bottom; height: auto; }
.entry-content { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px 10px;  box-sizing: border-box; padding: 64px; margin: 0 auto; overflow: auto; text-align: center; }
.entry-content .post { width: 32%; box-sizing: border-box; padding: 20px; border-radius: 34px; color: #000;  }
.heading_title { width: 100%; }

.post img { width: 100%; object-fit: cover; height: 260px; border-radius: 10px; }
.entry { padding: 10px 0; }
.entry p { font-size: 14px; text-align: left; margin: 0; color: var(--priColor); line-height: 20px; }
.featured-image {  border-radius: 10px; background-color: #c3c3c3; height: 260px;}


h2.entry-title {font-size: 17px; text-align: left; color: var(--priColor); font-family: var(--thirdFonts); }
.datcat {text-align: left; margin: 0 0 20px; color: #e8e8e8; font-weight: 500; font-size: 13px; font-family: var(--thirdFonts); }
.read-more { text-align: center; margin: 23px 0 9px; display: block; font-size: 17px; }
.read-more:hover{ color: var(--secColor); }

.load {width: 100%; display: block; margin: 40px 0 0 ;}
#viewless0articles, #viewmore0articles { width: min(100%,18%); display: block; margin: 0 auto; text-align: center; background: var(--headingColor); border-radius: 100px; line-height: 45px; text-transform: uppercase; font-weight: 600; letter-spacing: .7px; font-family: var(--thirdFonts); font-size: 19px;}
.post:hover { margin: -10px 0 0 0; transition: ease 1s; }

.nopost { font-size: 44px; font-style: italic; background: rgba(0,0,0,.7); line-height: 174px; width: 80%; text-align: center; font-weight: 600; }
.main-nh-con { min-height: 100%; height: auto; }
@media only screen
and (max-width : 1000px) {
/* #main { top: 45%; } */
.entry-content .post { width: min(100%, 398px); }
}
@media only screen
and (max-width : 900px) {
  #viewless0articles, #viewmore0articles { width: min(100%,28%); }
}

@media only screen
and (max-width : 800px) {
#main { top: 25%; }
#viewless0articles, #viewmore0articles { width: min(100%,44%); }

}
@media only screen and (max-width : 600px) {
.entry-content {padding: 20px;} 
#viewless0articles, #viewmore0articles { width: min(100%,60%); }
}