.book-showcase .nav-arrows {
display: flex;
justify-content: center;
gap: 0.5rem;
}
.book-showcase .nav-arrows .nav-arrow {
cursor: pointer;
border-radius: 9999px;
padding: 0.5rem;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(16 66 109 / var(--tw-border-opacity, 1));
background-color: transparent;
}
.book-showcase .nav-arrows .nav-arrow:hover {
border-width: 2px;
}
.book-showcase .nav-arrows .nav-arrow {
display: flex;
height: 2.5rem;
width: 2.5rem;
align-items: center;
justify-content: center;
}
.book-showcase .nav-arrows .nav-arrow svg {
margin-right: -0.25rem;
height: 1.5rem;
width: 1rem;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
.book-showcase .nav-arrows .nav-arrow svg path {
stroke: #10426d;
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
stroke-width: 3px;
}
.book-showcase .nav-arrows .nav-arrow:hover svg {
margin-right: 0px;
}
.book-showcase .nav-arrows .nav-arrow:hover svg path {
stroke-width: 5px;
}
.book-showcase .nav-arrows .nav-arrow.next {
--tw-bg-opacity: 1;
background-color: rgb(16 66 109 / var(--tw-bg-opacity, 1));
}
.book-showcase .nav-arrows .nav-arrow.next svg {
margin-left: -0.25rem;
margin-right: 0px;
}
.book-showcase .nav-arrows .nav-arrow.next svg path {
stroke: #ffffff;
}
.book-showcase .nav-arrows .nav-arrow.next:hover svg {
margin-left: 0px;
}
.book-showcase .books-grid:not(.slick-initialized) {
display: flex;
overflow: hidden;
}
.book-showcase .books-grid:not(.slick-initialized) .book-card-wrapper {
width: 100%;
flex-shrink: 0;
}
@media (min-width: 640px) {
.book-showcase .books-grid:not(.slick-initialized) .book-card-wrapper {
width: 50%;
}
}
@media (min-width: 1024px) {
.book-showcase .books-grid:not(.slick-initialized) .book-card-wrapper {
width: 25%;
}
}
.book-showcase .books-grid:not(.slick-initialized) .book-card-wrapper:nth-child(n+2) {
display: none;
}
@media (min-width: 640px) {
.book-showcase .books-grid:not(.slick-initialized) .book-card-wrapper:nth-child(2) {
display: block;
}
}
@media (min-width: 1024px) {
.book-showcase .books-grid:not(.slick-initialized) .book-card-wrapper:nth-child(3), .book-showcase .books-grid:not(.slick-initialized) .book-card-wrapper:nth-child(4) {
display: block;
}
}
.book-showcase .books-grid .slick-track {
display: flex;
align-items: stretch;
}
.book-showcase .books-grid .slick-slide {
height: auto;
}
.book-showcase .books-grid .slick-slide:focus {
outline: none;
}
.book-showcase .book-card-wrapper {
height: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
}