/* Hero */

.hero {
	background: var(--pureBlack);
}

.hero .container {
	width: 100vw;
}

.hero img {
	display: block;
	width: 100vw;
}

.hero .dots {
	bottom: 15px;
}

.portal {
	border: 2px solid var(--bgLogo);
	margin: 1.5rem 0;
	padding: 1.5rem;
}

.portal .title {
	font-weight: 800;
	margin-bottom: 1rem;
}

.portal button {
	margin-top: 1rem;
	letter-spacing: 1.5px;
}

/* shelves */

.shelves .container {
	flex-direction: column;
}

.shelf-name {
	font-weight: 600;
	margin-bottom: 1rem;
}

.page-divider {
	background-color: #e8e8ea;
	width: 100%;
	height: 2px;
	margin: 2rem 0;
}

/* added part */
.hero-text {
	position: absolute;
	top: 0;
	bottom: 1%;
	left: 33vw;
	height: fit-content;
	margin: auto;
}

h5{
	font-size: 2rem;
	color: #ffffff;
	font-weight: 200;
	letter-spacing: 2px;
	text-align: center;
}

h2,
h1 {
  font-size: 3rem;
  color: #ff7024;
  font-weight: 500;
  letter-spacing: 2px;
  text-align: center;
}

button {
	color: #ff7024;
	border-radius: 25px;
	border: 1px solid #ff7024;
	font-weight: 600;
	padding: 0.5rem 1rem;
	background-color: transparent;
	font-size: 1rem;
	line-height: 1;
}

.flex-row-btn {
	display: block;
}

button:hover {
	color: var(--textWhite);
	background-color: var(--bgLogo);
}

/* new arrivals */
.new-arrivals.slides-container {
	overflow-x: visible;
}

.book-cover-wrapper {
	position: relative;
	border: solid rgba(255, 100, 0, 0.1);
}

.book-list {
	gap: 1rem;
	width: 100%;
	justify-content: flex-start;
	grid-auto-flow: column;
	display: grid !important;
}

.book {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	align-items: center;
	width: clamp(160px, 12vw, 250px);
	padding: 1rem 0;
}

.book:hover .title {
	color: var(--textWhite);
}
.book:hover {
	background-color: var(--bgLogo);
	color: var(--textWhite);
	transition: var(--speedFast);
}

.book img {
	height: clamp(200px, 20vh, 350px);
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	max-width: 99%;
}

.book .title {
	text-align: center;
}
a .book .title {
	color: black;
	padding: 0 1rem;
}

.digital-resource img {
	/* width: clamp(150px, 60%, 250px); */
	width: 100%;
	/* border: solid 2px rgba(145, 140, 138, 0.7); */
	box-shadow: -2px 2px 5px #00000070;
}

.digital-resource .flex-row {
	gap: 5rem;
	justify-content: space-between;
}

.library {
	display: flex;
	padding-bottom: 2rem;
	align-items: center;
}

@media only screen and (min-width: 350px) and (max-width: 910px) {
	.book-list {
		grid-template-columns: repeat(auto-fit, minmax(40vw, 1fr));
		grid-auto-flow: unset;
	}

	.book {
		gap: 1rem;
		width: clamp(150px, 40vw, 250px);
	}

	.digital-resource .wrapper {
		overflow: visible;
	}

	h5{
		font-size: clamp(12px, 4vw, 26px);
		left: 4vw;
	}
	
	h2,
	h1 {
		font-size: clamp(25px, 4vw, 36px);
		left: 4vw;
	}

	.hero-text {
		/* font-size: clamp(12px, 4vw, 26px); */
		left: 4vw;
	}
}