/* SEARCH CLEARING FIXES */
a.close-search {
	position: absolute;
	right: 0.3rem;
	top: 0.06rem;
	border: none;
	background: transparent;
	color: var(--red);
	padding: 0.32rem 0.45rem;
	line-height: 1.6;
	margin: 0;
	text-align: center;
}

a.close-search.hidden {
	display: none;
}

a.close-search i.fa {
	font-size: 1rem;
	color: var(--red);
}

.close-account-title {
	color: var(--light2);
}

/* Cookie consent banner */
.cookie-consent {
	position: fixed;
	z-index: 100;
	width: 100%;
	max-width: 18rem;
	height: auto;
	padding: 1.6rem;
	text-align: center;
	background-color: var(--bg);
	border-radius: var(--standard-border-radius);
	left: 1rem;
	bottom: 1rem;
	border: 1px solid var(--border);
	box-shadow: rgba(221, 227, 234, 0.6) 0px 0px 24px 2px;
	display: none;
}

.dark .cookie-consent {
	box-shadow: rgba(221, 227, 234, 0.15) 0px 0px 24px 2px;
}

.cookie-consent p {
	font-size: 0.85rem;
	margin-top: 0.3rem;
	margin-bottom: 0.65rem;
	display: inline-block;
}

.cookie-consent button {
	font-size: 0.85rem;
	padding: 0.42rem 0.62rem;
	margin: 0.65rem 0.3rem 0.3rem 0.3rem;
}

/* Top menu */
.frontend header {
	width: 100%;
	position: sticky;
	top: 0;
	left: 0;
	background: var(--bg);
	z-index: 2;
}

header nav {
	margin-right: 1rem;
}

header nav a.blog,
header nav a.account {
	border: none;
	line-height: 2;
}

header nav a.account span {
	font-size: 1.1rem;
}

header a.logo {
	width: 117px;
	height: auto;
	margin: 0.95rem 1.2rem 0.6rem 1.4rem;
}

.dark header a.logo img,
.dark #login-signup #logo {
	filter: invert(88%) sepia(19%) saturate(9%) hue-rotate(355deg) brightness(96%) contrast(96%);
}

header nav span {
	padding-right: 0.25rem;
}

header .search {
	margin-left: 1.2rem;
	padding: 0.8rem 0;
}

header .search .has-icon,
.author-search .has-icon,
.find-books-search .has-icon {
	position: relative;
}

header .search .has-icon input,
.author-search .has-icon input,
.find-books-search .has-icon input {
	min-width: 16.25rem;
	padding-left: 2.25rem;
	height: 2.1rem;
}

.find-books-search .has-icon input {
	min-width: 22rem;
}

header .search .has-icon input:focus,
.author-search .has-icon input:focus,
.find-books-search .has-icon input:focus {
	border-color: var(--accent);
	background: var(--bg);
}

header .search .has-icon span,
.author-search .has-icon span,
.find-books-search .has-icon span {
	position: absolute;
	left: 0.8rem;
	top: 0.55rem;
}

/* Live Search Results */
.live-search-results {
	width: 28rem;
	border-radius: 5px;
	background: var(--bg);
	border: 1px solid var(--border);
	position: absolute;
	z-index: 1;
	top: 3.34rem;
	padding: 0.8rem 2rem;
	box-shadow: 0 0 0 0.3rem var(--light4);
	text-align: left;
}

.live-search-results.add-to-select {
	position: relative;
	top: 0;
	margin: 0 auto;
}

.live-search-results .list-result {
	padding: 0;
	margin: 1rem auto;
}

.live-search-results .list-result.flex-result {
	display: flex;
	justify-content: space-between;
}

.live-search-results .list-result .cover {
	min-width: 32px;
	min-height: 46px;
	width: auto;
	height: auto;
	text-align: center;
}

.live-search-results .list-result .cover img {
	display: block;
	margin: auto;
	max-width: 32px;
	height: auto;
}

.live-search-results .list-result .cover {
	display: inline-block;
	margin-right: 0.8rem;
	vertical-align: top;
}

.live-search-results .list-result.flex-result .cover {
	margin-right: 0;
}

.live-search-results .list-result .details {
	display: inline-block;
	vertical-align: top;
	max-width: 20rem;
}

.live-search-results .list-result.flex-result .details {
	max-width: 16rem;
	width: 100%;
}

.live-search-results .list-result h4 {
	margin-top: 0.12rem;
	margin-bottom: 0;
	font-size: 1.02rem;
	line-height: 1.25;
	color: var(--text);
}

.live-search-results .list-result .details .tags {
	margin-top: 0.1rem;
	margin-bottom: 0;
	font-size: 0.9rem;
	color: var(--light1);
}

/* Author search */
.author-search {
	display: inline-block;
}

/* Find books */
.find-books-search {
	display: inline-block;
	margin-bottom: 1rem;
}

/* Mega-menu */
.mega-menu {
	position: relative;
}

.mega-dropdown {
	width: 30rem;
	border-radius: 5px;
	background: var(--bg);
	border: 1px solid var(--border);
	position: absolute;
	z-index: 2;
	top: 3.34rem;
	padding: 0.8rem 2rem;
	box-shadow: 0 0 0 0.3rem var(--light4);
	text-align: left;
}

.mega-dropdown.hidden {
	display: none;
}

.mega-dropdown li {
	display: block;
	line-height: 1.2;
	margin: 0.4rem 0;
}

.mega-dropdown li a {
	display: block;
	padding: 0.2rem 0;
	margin: 0;
	border: none;
}

.mega-dropdown h6 {
	margin-top: 0.1rem;
	margin-bottom: 0.7rem;
}

/* Simple dropdown */
.dropdown-menu {
	position: relative;
}

.dropdown.hidden {
	display: none;
}

.dropdown {
	width: auto;
	right: 0;
	border-radius: 5px;
	background: var(--bg);
	border: 1px solid var(--border);
	position: absolute;
	z-index: 1;
	top: 2.15rem;
	padding: 0.8rem 2rem 0.5rem 2rem;
	box-shadow: 0 0 0 0.3rem var(--light4);
	text-align: left;
}

.dropdown li {
	display: block;
	white-space: nowrap;
	line-height: 1.2;
	margin: 0.4rem 0;
}

.dropdown li.sep-horizontal {
	margin-top: 1.2rem;
	margin-bottom: 0.4rem;
}

.dropdown li a {
	display: block;
	padding: 0.2rem 0;
	margin: 0;
	border: none;
	font-weight: 500;
}

.dropdown li button {
	padding: 0;
	border: none;
	background: transparent;
	color: var(--text);
	font-size: var(--small-text);
}

.dropdown li button:hover {
	color: var(--accent);
	filter: brightness(1);
}

/* Light/Dark mode switch */
.theme-btn.light {
  display: none;
}

.dark .theme-btn.dark {
  display: none;
}

.dark .theme-btn.light {
  display: inline-block;
}

/* Filters Dropdown */
.dropdown-filter {
	position: relative;
	display: inline-block;
}

.dropdown-filters-menu {
	width: max-content;
	max-width: 58rem;
	right: 0;
	border-radius: 5px;
	background: var(--bg);
	border: 1px solid var(--border);
	position: absolute;
	z-index: 1;
	top: 2.7rem;
	padding: 0.5rem;
	box-shadow: 0 0 0 0.3rem var(--light4);
	text-align: left;
}

.dropdown-filters-menu.cols-2-dropdown {
	max-width: 44rem;
}

.dropdown-filters-menu.hidden {
	display: none;
}

.dropdown-filters-menu .sep-horizontal-top {
	padding-top: 0.9rem;
}

.dropdown-filters-menu .sep-horizontal-top .button.light-button {
	margin-left: 0.6rem;
}

.dropdown-filters-menu .filter-label {
	font-weight: 600;
	padding-left: 0.65rem;
	margin-bottom: 0.25rem;
}

.dropdown-filters-menu .categories-filters h5,
.dropdown-filters-menu .authors-filters h5 {
	padding: 0.4rem 0.65rem;
	border-radius: var(--standard-border-radius);
	background-color: var(--accent-bg);
}

.dropdown-filters-menu .categories-filters h5,
.dropdown-filters-menu .categories-filters h6,
.dropdown-filters-menu .authors-filters h5 {
	margin-top: 0;
	margin-bottom: 0.5rem;
}

.dropdown-filters-menu .categories-filters ul,
.dropdown-filters-menu .authors-filters ul {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
}

.dropdown-filters-menu .authors-filters ul {
	max-height: 14rem;
	overflow-y: auto;
}

.dropdown-filters-menu .categories-filters ul li {
	list-style-type: none;
	margin-top: 0.15rem;
	margin-bottom: 0.15rem;
}

.dropdown-filters-menu .authors-filters ul li {
	list-style-type: none;
	margin-top: 0.1rem;
	margin-bottom: 0.1rem;
}

.dropdown-filters-menu .read-meta-filters .select-filter {
	margin-bottom: 0.5rem;
}

.dropdown-filters-menu .read-meta-filters .select-filter select {
	width: 100%;
}

.dropdown-filters-menu .authors-filters ul li input[type=radio],
.dropdown-filters-menu .authors-filters ul li input[type=radio]:checked,
.dropdown-filters-menu .authors-filters ul li input[type=radio]::after,
.dropdown-filters-menu .authors-filters ul li input[type=radio]:checked::after,
.dropdown-filters-menu .categories-filters ul li input[type=radio],
.dropdown-filters-menu .categories-filters ul li input[type=radio]:checked,
.dropdown-filters-menu .categories-filters ul li input[type=radio]::after,
.dropdown-filters-menu .categories-filters ul li input[type=radio]:checked::after {
	display: none;
}

.dropdown-filters-menu .authors-filters ul li label:hover,
.dropdown-filters-menu .categories-filters ul li label:hover {
	cursor: pointer;
}

.dropdown-filters-menu .authors-filters ul li input[type=radio]:checked + label,
.dropdown-filters-menu .categories-filters ul li input[type=radio]:checked + label {
	background-color: var(--accent);
}

.dropdown-filters-menu .categories-filters ul li input[type=radio]:checked + label {
	color: var(--bg);
}

.dropdown-filters-menu .authors-filters ul li input[type=radio]:checked + label h4 {
	color: var(--bg);
}

.dropdown-filters-menu .authors-filters ul li label,
.dropdown-filters-menu .categories-filters ul li label {
	display: block;
	margin-right: 0;
	padding: 0.32rem 0.65rem;
	border-radius: var(--standard-border-radius);
}

.dropdown-filters-menu .categories-filters ul li label {
	padding: 0.2rem 0.65rem;
}

.dropdown-filters-menu .categories-filters h6 {
	padding-left: 0.65rem;
}

.dropdown-filters-menu .authors-filters h4 {
	font-size: 0.95rem;
	margin-top: 0.6rem;
}

/* Logged-in user menu */
.frontend header .user-menu {
	display: block;
	width: 100%;
	padding: 0;
	border-top: 1px solid var(--border);
}

.frontend header .user-menu .user-meta {
	text-align: left;
	display: block;
}

.frontend header .user-menu .user-meta .avatar {
	width: 54px;
	height: 54px;
	text-align: center;
}

.frontend header .user-menu .user-meta .avatar img {
	display: block;
	margin: auto;
	border-radius: 100%;
}

.frontend header .user-menu .user-meta .avatar,
.frontend header .user-menu .user-meta .details {
	display: inline-block;
	margin-right: 1rem;
	vertical-align: top;
}

.frontend header .user-menu .user-meta h4 {
	margin-top: 0.1rem;
	margin-bottom: 0;
}

.frontend header .user-menu .user-meta .details .tags {
	margin-top: 0;
	margin-bottom: 0;
	color: var(--light1);
}

.frontend header .user-menu .resources-nav {
	display: block;
	text-align: right;
	margin-top: 0.8rem;
	margin-right: 0.2rem;
}

.frontend header .user-menu .resources-nav ul {
	display: block;
	margin: 0;
	padding: 0;
}

.frontend header .user-menu .resources-nav ul li {
	display: inline-block;
	padding: 0;
	margin: 0 0.8rem;
}

.frontend header .user-menu .resources-nav ul li:last-of-type {
	margin-right: 0;
}

.frontend header .user-menu .resources-nav ul li a {
	display: block;
	padding: 0.15rem 0;
	color: var(--text);
	font-weight: 500;
	border-bottom: 3px solid transparent;
}

.frontend header .user-menu .resources-nav ul li a.active,
.frontend header .user-menu .resources-nav ul li a:hover {
	border-bottom: 3px solid var(--accent);
}

/* Raft Navigation */
.shelf-nav .filters-button,
.clear-filters {
	margin-left: 0.8rem;
	position: relative;
}

.shelf-nav span.unlocked .fa,
.shelf-nav span.locked .fa {
	font-size: 0.95rem;
}

.shelf-nav .filters-button .fa {
	color: var(--light1);
}

.shelf-nav .filters-button sup {
	display: block;
	width: 20px;
	height: 20px;
	line-height: 19px;
	text-align: center;
	background-color: var(--red);
	color: var(--bg);
	border-radius: 100%;
	padding: 1px;
	position: absolute;
	top: -0.42rem;
	right: -0.42rem;
}

/* Raft Search Books */
.shelf-search {
	display: inline-block;
	margin-right: 0;
	position: relative;
	overflow: hidden;
	vertical-align: top;
}

.shelf-search input[type="search"] {
  height: 2.04rem;
  padding-right: 2rem;
}

.shelf-search label {
	height: 2.04rem;
	line-height: 2.04rem;
	display: inline-block;
	margin-left: 0.5rem;
	cursor: pointer;
	vertical-align: top;
}

.shelf-search span.fa-search {
	display: inline-block;
	line-height: 2.04rem;
	font-size: 0.95rem;
	color: var(--text);
}

.shelf-search .search {
	display: inline-block;
	position: relative;
}

.shelf-search .search a.close-search {
	top: 0;
}

.shelf-search .search input {
	border: none;
}

.shelf-search .search.hidden {
	display: none;
}

.shelf-nav .btn-group {
	margin-left: 0.8rem;
}

/* Breadcrumbs */
.breadcrumbs * {
	font-size: var(--small-text);
	color: var(--light1);
}

/* Hero */
.hero {
  grid-column: 1 / -1;
	background: var(--accent-bg);
	padding-top: 4.5rem;
	padding-bottom: 0;
	margin-bottom: 9rem;
	text-align: center;
}

.hero h4 {
	font-size: 1.25rem;
	margin-bottom: 0.5rem;
	color: var(--light1);
}

.hero h1 {
	font-size: 3rem;
	margin-top: 0;
	margin-bottom: 0;
}

.hero h2 {
	margin-top: 0.5rem;
	font-size: 1.75rem;
	font-weight: 400;
  	height: calc(var(--h) * 1px);
  	line-height: calc(var(--h) * 1px);
}

.hero .button {
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}

.hero .button.light-button {
	box-shadow: inset 0px 0px 0px 1px var(--border);
}

/* Hero Word Slider */
.word-slider {
	display: inline-block;
	vertical-align: top;
	height: calc(var(--h) * 1px);
	line-height: calc(var(--h) * 1px);
	color: var(--green);
	overflow: hidden;
	font-weight: 700;
	-webkit-mask-image: linear-gradient(transparent, var(--accent-bg), var(--accent-bg), var(--accent-bg), transparent);
	mask-image: linear-gradient(transparent, var(--accent-bg), var(--accent-bg), var(--accent-bg), transparent);
	mask-type: luminance;
	mask-mode: alpha;
}

.word-slider ul {
	list-style-type: none;
	text-align: left;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
}

.word-slider ul li {
	flex-shrink: 0;
	width: 100%;
	box-sizing: border-box;
}

.word-slider ul li small {
	font-size: 0.85rem;
	padding-right: 0.5rem;
	color: var(--light2);
	vertical-align: top;
}

.word-slider ul {
  animation: move calc(var(--speed) * var(--s)) steps(var(--s)) infinite;
	-webkit-animation: move calc(var(--speed) * var(--s)) steps(var(--s)) infinite;
}

.word-slider ul li {
  white-space: nowrap;
  animation: liMove calc(var(--speed)) infinite;
	-webkit-animation: liMove calc(var(--speed)) infinite;
}

@keyframes move {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, calc(var(--s) * var(--h) * -1px));
  }
}

@keyframes liMove {
  0% {
    transform: translate(0, 0);
  }
  80%,
  100%  {
    transform: translate(0, calc(var(--h) * -1px));
	-webkit-transform: translateZ(0);
  }
}

/* Hero demo */
.hero-demo {
	width: 70%;
	max-width: 780px;
	height: auto;
	position: relative;
	margin: -2rem auto 0 auto;
	bottom: -6rem;
}

.hero-laptop {
	width: 100%;
	position: relative;
	margin: 0 auto;
}

.hero-laptop .screen {
	padding: 0.4rem 0 1.6rem 0;
	margin: 0 auto;
	width: 81%;
	height: auto;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	background: var(--text);
}

.hero-laptop .screen .camera {
	width: 6px;
	height: 6px;
	border-radius: 3px;
	margin: 0 auto;
	background: #888E95;
}

.hero-laptop .screen .inside {
	background: var(--bg);
	margin: 0.4rem auto 0 auto;
	width: 97%;
	padding-top: 0;
	height: auto;
	border-radius: 4px;
	overflow: hidden;
}

.hero-laptop .screen .inside img {
	width: 100%;
	height: auto;
	display: block;
}

.hero-laptop .base {
	width: 100%;
	height: 1.25rem;
	border-radius: 5px;
	background: #DADFE4;
	margin: 0 auto;
}

.hero-laptop .base .notch {
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	width: 20%;
	height: 0.625rem;
	background: #B0B4B9;
	margin: 0 auto;
}

.hero-laptop .under {
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	height: 0.375rem;
	width: 95%;
	background: #C4C8CD;
	margin: 0 auto;
}

.hero-laptop .pad {
	border-bottom-right-radius: 16px;
	border-bottom-left-radius: 16px;
	width: 1.875rem;
	height: 0.375rem;
	background: #A5AAAF;
}

.hero-laptop .pad.pad1 {
	float: left;
	margin-left: 8%;
}

.hero-laptop .pad.pad2 {
	float: right;
	margin-right: 8%;
}

.hero-phone {
	width: 24%;
	position: absolute;
	right: -0.9rem;
	bottom: -2.2rem;
	z-index: 1;
}

.hero-phone .screen {
	padding: 0.35rem;
	margin: 0 auto;
	width: 100%;
	height: auto;
	border-radius: 24px;
	background: var(--text);
	position: relative;
}

.hero-phone .screen .inside {
	background: var(--bg);
	margin: 0 auto;
	width: 100%;
	padding-top: 0;
	border-radius: 18px;
	height: auto;
	overflow: hidden;
}

.hero-phone .screen .inside img {
	width: 100%;
	height: auto;
	display: block;
}

.hero-phone .screen .notch {
	border-bottom-right-radius: 14px;
	border-bottom-left-radius: 14px;
	width: 34%;
	height: 0.75rem;
	background: var(--text);
	margin: 0 auto;
	position: absolute;
	left: 33%;
}

/* Lists titles */
.list-title {
	margin-bottom: 0.5rem;
}

.list-title h1,
.list-title h2 {
	margin-top: 0.2rem;
	margin-bottom: 0.5rem;
}

.list-title .date {
	color: var(--light1);
	margin-top: 0;
	margin-bottom: 0.5rem;
}

/* Books list */
.books-list {
	margin-bottom: 0;
}

.book a {
	display: block;
	text-align: center;
}

.book img,
.book .more,
.book .book-cover {
	width: auto;
  	height: 220px;
	line-height: 220px;
	display: block;
	margin: 0 auto;
}

.books-list .more {
	background: var(--accent-bg);
}

.book .title {
	min-height: 2.5rem;
	margin: 0.6rem auto 0.3rem auto;
  	text-overflow: ellipsis;
  	overflow: hidden;
  	display: -webkit-box !important;
  	line-clamp: box !important;
  	-webkit-line-clamp: 2;
  	-webkit-box-orient: vertical;
  	white-space: normal;
}

.book .author {
	margin: 0.2rem auto;
  	text-overflow: ellipsis;
  	overflow: hidden;
  	display: -webkit-box !important;
  	line-clamp: box !important;
  	-webkit-line-clamp: 1;
  	-webkit-box-orient: vertical;
  	white-space: normal;
}

.book:hover > .title a {
	color: var(--accent);
}

.book h3 {
	font-size: 0.95rem;
	line-height: 1.255;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
	font-weight: 500;
	color: var(--text);
}

.book h3 a {
	color: var(--text);
}

.book p {
	text-align: center;
	font-size: 0.75rem;
	margin-top: 0;
	margin-bottom: 0;
	color: var(--light2);
}

/* Book inline listing */
.book-inline {
	border-top: 1px solid var(--accent-bg);
	padding-top: 0.9rem;
}

.result:first-of-type .book-inline {
	border-top: none;
}

.book-inline .cover {
	min-width: 60px;
	min-height: 80px;
	width: auto;
	height: auto;
	text-align: center;
}

.book-inline .cover .book-cover {
	min-width: 60px;
	min-height: 80px;
	width: auto;
	height: auto;
	text-align: center;
}

.book-inline .cover a {
	display: block;
	text-align: center;
}

.book-inline img {
    max-width: 60px;
    height: auto;
	display: block;
	margin: auto;
}

.book-inline .info {
	padding-left: 1.4rem;
	width: calc(100% - 75px);
}

.book-inline .info h4 {
	margin: 0 0 0.28rem 0;
	line-height: 1.28;
}

.book-inline .info h4 a {
	margin-top: 0.25rem;
	color: var(--text);
}

.book-inline .info p {
	font-weight: 300;
	margin: 0;
}

.book-inline .info .rating {
	margin-top: 0.75rem;
	max-width: 7.2rem;
}

.book-inline .actions {
	text-align: right;
}

.search-results .book-inline .actions {
	margin-top: 1.7rem;
}

.book-inline .actions .button {
	margin-left: 0.5rem;
	margin-right: 0;
}

.book-inline .actions .popover,
.book-page .actions .popover {
	display: inline-block;
}

.book-inline .actions .button .fa,
.book-inline .actions .popover .button .fa,
.book-page .actions .button .fa,
.book-page .actions .popover .button .fa  {
	margin-left: 0;
}

.book-inline .actions .button.light-button.red .fa {
	margin-left: 0.3rem;
}

.book-inline .actions .popover .popover-wrapper.near-button.bottom {
	top: 2.2rem;
	transform: translate(19%, 0);
}

.book-inline .actions .popover.popover-reads .popover-wrapper.near-button.bottom {
	transform: translate(27%, 0);
}

.book-inline .actions .popover.popover-review .popover-wrapper.near-button.bottom {
	transform: translate(22%, 0);
}

.book-inline .actions .popover.popover-tbr .popover-wrapper.near-button.bottom {
	transform: translate(21%, 0);
}

.book-page .actions .popover .popover-wrapper.near-button.bottom {
	top: 2.2rem;
	transform: translate(14%, 0);
}

.book-page .actions .popover.popover-reads .popover-wrapper.near-button.bottom {
	transform: translate(22%, 0);
}

.book-page .actions .popover.popover-review .popover-wrapper.near-button.bottom {
	transform: translate(17%, 0);
}

.book-page .actions .popover.popover-tbr .popover-wrapper.near-button.bottom {
	transform: translate(16%, 0);
}

.book-inline .popover {
	margin-top: 0.75rem;
}

.book-inline .details-btn,
.book-inline .buy-btn {
	margin-top: 1.85rem;
	margin-bottom: 0;
}

.book-inline .details-panel {
	display: none;
}

/* Custom input type number for ratings */
.user-ratings input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  display: none;
}

.user-ratings input[type=number]::-webkit-inner-spin-button,
.user-ratings input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
}

.user-ratings .minus,
.user-ratings .plus {
	display: inline-block;
	width: 1.8rem;
	line-height: 1.48;
	padding: 0;
	border-radius: var(--standard-border-radius);
	background: var(--accent-bg);
	text-align: center;
	font-size: 1.15rem;
	cursor: pointer;
	-webkit-touch-callout: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.user-ratings .plus {
	margin-left: 0.15rem;
}

.user-ratings .navigation {
	padding-top: 0.34rem;
}

.user-ratings .rating-box .col-4,
.user-ratings .rating-box .col-8 {
	margin-bottom: 0;
	margin-top: 0;
}

.user-ratings .rating-box .col-8 {
	padding-left: 0.2rem;
}

.user-ratings .rating-box .col-8 .rating-bar {
	margin-top: 0.22rem;
}

.user-ratings .rating-box .col-8 .rating-score {
	line-height: 1;
}

/* Favorite Book Custom Checkbox */
#add-review input[type="checkbox"] {
	padding: 0;
	background: none;
	border: none;
	cursor: pointer;
}

#add-review input[type="checkbox"]:checked::after {
	display: none;
}

#add-review input[type="checkbox"]:checked::before {
	color: var(--green);
}

#add-review input[type="checkbox"]::before {
	font-family: "Font Awesome 6 Free";
	content: "\f02e";
	color: var(--border);
	font-size: 0.95rem;
}

.result .book-inline .popover.favorite-container {
	display: inline-block;
	margin-top: 0.55rem;
}

.result .book-inline .favorite .fa {
	margin-left: 0;
	font-size: 0.95rem;
}

.result .book-inline .favorite.active .fa {
	color: var(--green);
}

/* Add Review Form */
#add-review textarea {
	min-height: 10rem;
	line-height: 1.5;
	padding: 0.8rem 1rem;
}

#add-review .field_with_errors {
	display: inline;
}

#add-review .details-panel .col-8 .list-label,
#add-review .details-panel .small-title {
    color: var(--light1);
}

#add-review .details-panel .col-8 .list-label.review-label {
	margin-top: 1rem;
	margin-bottom: 0.2rem;
	display: inline-block;
}

#add-review .details-panel .col-8 select {
	margin-left: 0.3rem;
}

#add-review .details-panel .small-title {
	margin-top: 0.5rem;
	margin-bottom: 0.4rem;
}

#add-review .back {
	padding-right: 1.15rem;
	margin-top: 1rem;
}

#add-review .back .fa,
#add-review .back-tbr .fa,
.shelf-nav .button.light-button.back .fa {
	color: var(--border);
}

#add-review .back-tbr {
	margin-right: 0.5rem;
	padding-right: 1.15rem;
}

/* Buy Modal */
.buy-modal {
	display: none;
	right: 5.1rem;
	top: -1.16rem;
	z-index: 100;
	position: absolute;
	padding: 1rem 1.2rem;
	border-radius: var(--standard-border-radius);
	background: var(--bg);
	box-shadow: 0px 0px 24px 2px rgba(221, 227, 234, 0.6);
}

.buy-modal:after {
	display: block;
	position: absolute;
	z-index: 2;
  content: '';
  border-left: 0.45rem solid var(--bg);
  border-top: 0.45rem solid transparent;
  border-bottom: 0.45rem solid transparent;
	right: -0.42rem;
	top: 5.8rem;
}

.dark .buy-modal {
	box-shadow: 0px 0px 24px 2px rgba(221, 227, 234, 0.15);
}

.buy-modal .close-modal {
	margin: 0 auto;
}

.shops.vertical.buy-modal h6 {
	margin-top: 0;
}

.buy-modal.open {
	display: block;
}

/* Opened Book Inline */
.open .book-inline {
	padding: 2rem;
	border-radius: var(--standard-border-radius);
	box-shadow: 0px 0px 24px 2px rgba(221, 227, 234, 0.6);
	border-bottom: none;
	margin-bottom: 0.8rem;
}

.dark .open .book-inline {
	box-shadow: 0px 0px 24px 2px rgba(221, 227, 234, 0.15);
}

*:has(+ .open) .book-inline {
  border-bottom: none;
}

.open .book-inline .details-panel {
	display: block;
}

.open .col-1 {
	width: 3.33%;
}

.open .col-10 {
	width: 87.33%;
}

/* Details Panels Misc Styles */
.book-type {
	margin-left: 0.5rem;
}

.book-type .fa {
	margin-right: 0.3rem;
}

/* Rating bar */
.rating {
	position: relative;
	width: 100%;
}

.book .rating {
	width: 82%;
	margin: 0.2rem auto;
}

.rating::after {
	content: "";
	display: table;
	clear: both;
}

.rating progress {
	height: 0.5rem;
	vertical-align: top;
}

.rating .rating-bar,
.rating .rating-score {
	float: left;
  min-height: 0.5rem;
	text-align: center;
}

.rating-bar {
	width: 70%;
	margin: 0.5rem 5% 0 0;
	line-height: 1;
}

.rating-bar-fill {
	display: block;
	height: 0.5rem;
	border-radius: 4px;
}

.rating .rating-score {
	width: 25%;
}

.rating .rating-score .score {
	color: var(--text);
	font-weight: 700;
}

.rating-bar-fill.red {
	background: var(--red);
}

.rating-bar-fill.brown {
	background: var(--brown);
}

.rating-bar-fill.yellow {
	background: var(--yellow);
}

.rating-bar-fill.blue {
	background: var(--blue);
}

.rating-bar-fill.green {
	background: var(--green);
}

/* Ratings on book page */
.ratings {
	margin-bottom: 2.2rem;
	touch-action: manipulation;
}

.ratings .reviews {
	display: block;
	text-align: right;
	margin-top: 0.25rem;
	margin-bottom: 1rem;
}

.ratings h6.rating-title {
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 0.2rem;
}

.ratings h5.rating-number-big {
	font-size: 2.25rem;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
}

.ratings span.rating-title {
	display: block;
	margin-top: 0.5rem;
	margin-bottom: 0;
	line-height: 0.95rem;
}

.ratings .rating.big .rating-bar-fill {
	border-radius: 6px;
	height: 0.75rem;
}

.ratings .rating.big .rating-bar progress {
	height: 0.75rem;
}

.ratings .rating .rating-score .score {
	font-size: 1rem;
}

.ratings .rating.big .rating-score .score {
	font-size: 1.125rem;
	line-height: 1.65;
}

/* Ratings near Reviews */
.ratings.near-reviews .rating.big .rating-bar {
	float: none;
	margin: 0;
	width: 100%;
}

.ratings.near-reviews .reviews {
	text-align: center;
	margin-top: 0.5rem;
	margin-bottom: 1.5rem;
	color: var(--light1);
}

.ratings.near-reviews .rating .rating-bar {
	width: 80%;
}

.ratings.near-reviews .rating .rating-score {
	width: 15%;
}

/* Small ratings */
.ratings.small {
	padding-left: 1.5rem;
	margin-bottom: 0;
}

.ratings.small .rating .rating-bar,
.ratings.small .rating .rating-score {
  min-height: 0.375rem;
}

.ratings.small .rating progress {
	height: 0.375rem;
}

.ratings.small .rating .rating-bar-fill {
	height: 0.375rem;
	border-radius: 3px;
}

.ratings.small .rating .rating-score .score {
	font-size: 0.92rem;
}

.ratings.small span.rating-title,
.ratings.small label.rating-title {
	font-size: var(--small-text);
	margin-top: 0.2rem;
	color: var(--light1);
}

/* Book page */
@media only screen and (min-width: 64em) {
	.book-page .col-4 {
		margin-right: 3%;
		width: 29.33%;
	}
	.book-page .col-5 {
		margin-left: 1%;
		margin-right: 3%;
		width: 37.66%;
	}
	.book-page .col-3 {
		margin-left: 2%;
		width: 22%;
	}
}

.book-page h1 {
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 0.4rem;
	font-size: 1.5rem;
}

.book-page h4 {
	margin-top: 0;
	margin-bottom: 0.5rem;
	font-weight: 400;
	color: var(--light1);
}

.book-page p.author-name {
	color: var(--text);
	margin-top: 0.8rem;
	margin-bottom: 1.2rem;
}

.book-page .description p,
.book-page .about p {
	color: var(--light1);
	line-height: 1.7;
	margin-top: 0;
}

.book-page ul {
	list-style-type: none;
	margin: 0.5rem 0;
	padding: 0;
}

.book-page li {
	margin: 0.55rem 0;
}

.book-page .book-cover {
	min-height: 400px;
	margin-bottom: 2.2rem;
}

.book-page .book-cover img {
	width: 100%;
	height: auto;
	display: block;
}

/* Author info */
.author-info {
	margin-top: 1rem;
	width: fit-content;
}

.author-info .avatar {
	width: 54px;
	height: 54px;
	border-radius: 27px;
}

.author-info .avatar img {
	border-radius: 27px;
	width: 54px;
	height: auto;
}

.author-info .about {
	width: calc(100% - 54px);
	padding-left: 0.85rem;
}

.author-info h5 {
	font-size: 1.125rem;
	margin-top: 0.8rem;
	margin-bottom: 0.5rem;
}

.author-info h5 a {
	color: var(--text);
}

/* Author on authors list */
.authors {
	margin-top: 1.8rem;
}

.authors .author {
	margin-bottom: 1.2rem;
}

.author .avatar {
	width: 54px;
	height: 54px;
	border-radius: 27px;
}

.author .avatar img {
	border-radius: 27px;
	width: 54px;
	height: auto;
}

.dropdown-filters-menu .author {
	display: block;
	width: 100%;
}

.dropdown-filters-menu .author .avatar {
	width: 44px;
	height: 44px;
}

.dropdown-filters-menu .author .avatar img {
	width: 44px;
	height: 44px;
	border-radius: 22px;
}

.author .about {
	width: calc(100% - 54px);
	padding-left: 0.85rem;
}

.author h4 {
	margin: 0.15rem 0;
}

.author h1 {
	margin: 0.5rem 0;
}

.author a {
	color: var(--text);
}

.author .counter {
	color: var(--green);
}

/* Author on books listing */
.author.big {
	margin-left: auto;
	margin-right: auto;
	width: fit-content;
}

.author.big .avatar {
	width: 72px;
	height: 72px;
	border-radius: 36px;
}

.author.big .avatar img {
	border-radius: 36px;
	width: 72px;
	height: auto;
}

.author.big .about {
	width: calc(100% - 72px);
	padding-left: 1.2rem;
}

/* Actions & Shops - Book page */
.book-page .actions,
.book-page .shops {
	margin-top: 1.5rem;
	margin-bottom: 1.6rem;
}

.book-page .actions:after,
.book-page .shops:after {
	content: "";
	display: table;
	clear: both;
}

.book-page .actions h6,
.book-page .shops h6 {
	margin-top: 0.5rem;
	margin-bottom: 0.75rem;
}

.book-page .actions h6 .fa,
.book-page .shops h6 .fa,
.book-inline .fa,
.shelf-nav .fa {
	color: var(--border);
	font-size: 0.875rem;
	margin-left: 0.3rem;
}

.shelf-nav .fa {
	margin-left: 0.2rem;
}

.book-page .actions .button,
.book-page .shops .button {
	margin-right: 0.4rem;
	margin-bottom: 0.4rem;
}

/* Shops vertical buttons */
.shops.vertical {
	padding-left: 1.2rem;
}

.shops.vertical h6 {
	margin-top: 0.4rem;
	margin-bottom: 0.65rem;
}

.shops.vertical .button {
	display: block;
	width: max-content;
	margin-right: 0;
	margin-bottom: 0.4rem;
}

/* Ad spaces */
.ad-label {
	font-size: 0.75rem;
	color: var(--light1);
	text-transform: uppercase;
	text-align: center;
	margin-top: 0;
	margin-bottom: 0.25rem;
}

.ad-wrapper {
	background: var(--accent-bg);
}

.ad-300 {
	margin-top: 2.2rem;
	margin-bottom: 2rem;
	width: 300px;
	height: auto;
}

.ad-300-250 {
	width: 300px;
	height: 250px;
}

.ad-200 {
	margin-top: 2.2rem;
	margin-bottom: 2rem;
	width: 200px;
	height: auto;
}

.ad-200-200 {
	width: 200px;
	height: 200px;
}

/* Users reviews */
.review-call-to-action p {
	margin-bottom: 0.5rem;
}

.ratings-and-reviews {
	padding-top: 3rem;
}

.reviews-list .title {
	margin-top: 0.8rem;
	margin-bottom: 1.6rem;
}

.review {
	padding: 1rem 0;
	border-top: 1px solid var(--accent-bg);
}

.review .user-info:after {
	content: "";
	display: table;
	clear: both;
}

.review .user-info .avatar {
	width: 54px;
	height: 54px;
	border-radius: 27px;
}

.review .user-info .avatar img {
	border-radius: 27px;
	width: 54px;
	height: auto;
}

.review .user-info .about {
	width: calc(100% - 54px);
	padding-left: 1.4rem;
}

.review .user-info h5 {
	font-size: 1.125rem;
	margin-top: 0.1rem;
	margin-bottom: 0.2rem;
}

.review .user-info h5 a {
	color: var(--text);
}

.review .user-info h5 .verified {
	margin-left: 0.4rem;
	font-size: 0.98rem;
	color: var(--green);
}

.review .user-info .date,
.review .user-info .rating {
	display: inline-block;
	vertical-align: middle;
}

.review .user-info .date {
	color: var(--light1);
}

.review .user-info .rating {
	margin-left: 1.6rem;
	max-width: 7.2rem;
}

.review .review-text {
	line-height: 1.7;
}

/* User profile - Public */
.user-profile.public h1 {
	margin-top: 1rem;
	margin-bottom: 0.2rem;
	font-size: 1.25rem;
}

.user-profile.public .username {
	color: var(--light1);
}

.user-profile.public .reviews-counter {
	margin-left: 1rem;
}

.user-profile.public .reviews-counter .fa {
	margin-right: 0.3rem;
	color: var(--border);
}

/* User profile - Public - Navbar */
.user-nav {
	font-size: 1rem;
	max-width: 50%;
	margin: 0 auto 1rem auto;
	padding: 0;
	border-top: 1px solid var(--border);
	text-align: center;
}

.user-nav li {
	display: inline-block;
	margin: 0 0.6rem;
	border-top: 3px solid transparent;
}

.user-nav li.active {
	border-top: 3px solid var(--accent);
}

.user-nav li a {
	display: block;
	padding: 0.4rem 0;
	color: var(--text);
	font-weight: 500;
}

/* Pagination */
.pagination {
	margin-top: 2rem;
	padding: 1.6rem 0 0 0;
	border-top: 1px solid var(--border);
	text-align: center;
}

.pagination .pagination-title {
	margin-right: 0.65rem;
}

.pagination ul {
	display: inline-block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.pagination ul li {
	display: inline-block;
}

.pagination ul li a {
	padding: 0.4rem 0.8rem;
	display: block;
	font-weight: 700;
	border-radius: 5px;
	color: var(--text);
}

.pagination ul li.current a,
.pagination ul li a:hover {
	border-radius: var(--standard-border-radius);
	color: var(--green);
	background: var(--accent-bg);
}

/* Alphabet nav */
.alphabet-nav {
	list-style-type: none;
	text-align: center;
	margin: 0;
	padding: 0;
}

.alphabet-nav li {
	font-weight: 700;
	display: inline-block;
	margin: 0 0.3rem;
}

.alphabet-nav li a {
	color: var(--text);
	border-bottom: 3px solid transparent;
	padding: 0.3rem;
}

.alphabet-nav li a:hover {
	color: var(--green);
	border-bottom: 3px solid var(--accent-bg);
}

/* Publishers by Letter */
.publishers-letter {
	margin-top: 1.2rem;
}

.publishers-letter .sep-horizontal {
	margin-bottom: 1.2rem;
}

.publishers-letter a {
	color: var(--text);
}

.publishers-letter a:hover {
	color: var(--green);
}

/* Excerpt */
.excerpt {
	width: 80%;
	color: var(--light1);
}

/* Collections list */
.collection {
	margin-top: 0;
	margin-bottom: 0;
}

.collection a {
	color: var(--text);
}

.row.collection [class^="col"] {
	margin-top: 0;
	margin-bottom: 0;
}

.collection-content {
	padding: 0.85rem 1.25rem;
	border-top: 1px solid var(--accent-bg);
}

.collection-content:hover {
	background: var(--accent-bg);
}

.collection-content h3 {
	margin-top: 0.2rem;
	margin-bottom: 0.3rem;
}

.collection-content span.author {
	color: var(--light1);
	font-size: var(--small-text);
}

.collection-content span.counter {
	color: var(--green);
	margin-top: 0.3rem;
}

/* Footer */
footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

footer ul li {
	display: inline-block;
	margin: 0 1rem 0 0;
}

footer ul.sections li {
	margin: 0 0 0 1rem;
}

footer a {
	text-decoration: none;
}

footer .info {
	font-size: var(--small-text);
}

footer .info,
footer .info a {
	color: var(--light1);
}

/* Elements testdrive */
.grid-setup .row [class^="col"] {
	background: var(--accent-bg);
	border-radius: var(--standard-border-radius);
}

/* Dashboard */
body.dashboard {
  grid-template-columns: 1fr min(100%, 100%) 1fr;
}

/* Dashboard Side Menu */
aside.dashboard {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	height: 100vh;
	width: 10rem;
	margin: 0;
	padding: 1.4rem 1.2rem;
	overflow: hidden;
	z-index: 1;
}

.side-navigation {
	display: flex;
	flex-direction: column;
    justify-content: space-between;
	height: 100%;
	padding-bottom: 2rem;
}

.side-menu p {
	margin-top: 0.95rem;
	margin-bottom: 0.5rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid var(--border);
	font-weight: 300;
}

.side-menu ul,
.theme-selector ul {
	list-style-type: none;
	margin: 0.6rem 0;
	padding: 0;
}

.side-menu ul li {
	display: block;
	margin: 0.2rem 0;
}

.side-menu ul li a {
	display: block;
	color: var(--text);
	font-weight: 700;
}

.side-menu ul li a.active,
.side-menu ul li a:hover {
	color: var(--green);
}

/* Dashboard Theme Selector */
.theme-selector li button {
	padding: 0;
	border: none;
	background: transparent;
	color: var(--text);
	font-size: var(--small-text);
}

.theme-selector li button:hover {
	color: var(--accent);
	filter: brightness(1);
}

/* Dashboard Logo */
aside.dashboard a.logo {
	width: 117px;
	height: auto;
	display: block;
	margin-bottom: 1rem;
}

aside.dashboard a.logo img {
	width: 100%;
	height: auto;
	display: block;
}

.dark aside.dashboard a.logo img {
	filter: invert(88%) sepia(19%) saturate(9%) hue-rotate(355deg) brightness(96%) contrast(96%);
}

/* Dashboard Header */
header.dashboard {
	position: fixed;
	width: calc(100% - 10rem);
	top: 0;
	left: 10rem;
	padding: 0.85rem 1rem 0 1rem;
	margin: 0;
	z-index: 2;
	text-align: left;
	background: var(--accent-bg);
	border-bottom: none;
}

header.dashboard .row {
	padding-bottom: 0.75rem;
}

header.dashboard .section-title {
	margin-top: 0;
	margin-bottom: 0.115rem;
	vertical-align: bottom;
}

header.dashboard .right-nav {
	display: flex;
	justify-content: flex-end;
    align-items: center;
}

header.dashboard .avatar {
	width: 34px;
	height: 34px;
	text-align: center;
	display: inline-block;
}

header.dashboard .avatar img {
	width: 34px;
	height: 34px;
	display: block;
	margin: auto;
	border-radius: 100%;
	border: 1px solid var(--border);
}

header.dashboard .logout-link {
	color: var(--text);
	display: inline-block;
	margin-left: 1rem;
}

header.dashboard .search {
	display: inline-block;
	padding: 0;
}

header.dashboard .search input {
	background: var(--bg);
	border: 1px solid var(--bg);
}

header.dashboard .col-10 > * {
	margin-right: 1rem;
}

header.dashboard .filters {
	display: inline-block;
	margin-left: 1rem;
}

header.dashboard .filters .label {
	margin-right: 0.5rem;
}

header.dashboard .filters .button {
	margin-left: 0.4rem;
}

.dashboard .other-filters {
	margin-bottom: 2rem;
}

.dashboard .other-filters .button {
	margin-left: 1rem;
	padding-left: 0.7rem;
	padding-right: 0.7rem;
}

/* Dashboard Main Content */
main.dashboard {
	position: relative;
	margin-left: 11rem;
	margin-right: 1rem;
	margin-top: 6rem;
	padding-top: 0;
	padding-bottom: 1.5rem;
}

/* Dashboard Lists */
.dash-list {
	border-bottom: 1px solid var(--accent-bg);
	padding-top: 0;
	padding-bottom: 1rem;
}

.dash-list .cover {
	min-width: 60px;
	min-height: 80px;
	width: auto;
	height: auto;
	text-align: center;
}

.dash-list .avatar {
	width: 54px;
	height: 54px;
	text-align: center;
}

.dash-list .cover img {
	display: block;
	margin: auto;
	max-width: 60px;
	height: auto;
}

.dash-list .avatar img {
	display: block;
	margin: auto;
	border-radius: 100%;
}

.dash-list .cover,
.dash-list .avatar {
	display: block;
	float: left;
	margin-right: 1rem;
}

.dash-list .details {
	width: calc(100% - 76px);
	display: flex;
    justify-content: space-between;
    align-items: center;
}

.dash-list .details .verified {
	margin-left: 0.3rem;
    font-size: 0.95rem;
    color: var(--green);
}

.dash-list.no-photo .details,
.dash-list.multiline .details {
	width: calc(100% - 3px);
}

.dash-list.multiline .details .user-line,
.dash-list.multiline .details .book-line {
	padding-right: 2rem;
}

.dash-list h4,
.dash-list h6 {
	margin-top: 0;
	margin-bottom: 0;
}

.dash-list .details .tags,
.dash-list .details .actions {
	margin-top: 0.1rem;
	margin-bottom: 0.45rem;
}

.dash-list.multiline .details .actions {
	margin-top: 0.06rem;
}

.dash-list .details .tags {
	color: var(--light1);
}

.dash-list .details .tags mark {
	margin-left: 0.5rem;
}

.dash-list .details .right-content {
	text-align: right;
}

.dash-list .details .right-content mark {
	margin-right: 0.35rem;
}

.dash-list mark strong.red a {
	color: var(--red);
}

.dash-list .details .right-content .stat-label {
	padding-left: 0.25rem;
	padding-right: 0.25rem;
	color: var(--light1);;
}

.dash-list .details .actions {
	margin-top: 0.35rem;
	margin-bottom: 0;
}

.dash-list .actions a {
	font-weight: 600;
}

.dash-list .actions a.delete-link {
	color: var(--red);
	margin-left: 1rem;
}

.dash-list .actions.affiliate-url {
	margin-top: 0.1rem;
}

.dash-list .actions.affiliate-url a {
	color: var(--text);
	font-weight: 400;
	display: block;
  	overflow-wrap: break-word; 
  	hyphens: none; 
  	line-break: anywhere;
}

h4.advertiser-links-count {
	margin-top: 0;
}

h4.advertiser-links-count mark {
	margin-left: 0.5rem;
}

.dash-list .actions.affiliate-url a:hover {
	color: var(--accent);
}

/* Categories List */
.dash-list .cat {
	display: flex;
	justify-content: space-between;
	padding: 0.5rem 1%;
	border-bottom: none;
}

.dash-list.subcat {
	display: flex;
	justify-content: space-between;
	padding: 0.5rem 1rem;
	border-bottom: none;
	background: var(--accent-bg);
	border-radius: var(--standard-border-radius);
}

.dash-list .cat mark,
.dash-list.subcat mark {
	font-size: 0.8rem;
	padding: 0.08rem 0.34rem;
	margin-right: 0.4rem;
	background: var(--border);
	vertical-align: text-top;
	font-weight: 400;
}

.dash-list .cat .actions,
.dash-list.subcat .actions {
	margin-top: 0;
	margin-bottom: 0;
}

.dash-list .cat .actions {
	padding-right: 1rem;
}

.dash-list .subcat-btn {
	margin: 0.5rem 0 1rem 1%;
}

/* Dashboard Item Edit */
#item-edit input[type=text],
#item-edit input[type=email],
#item-edit input[type=password],
#item-edit input[type=url],
#item-edit input[type=number],
#item-edit select,
#item-edit input[type=submit],
#item-edit textarea {
	display: block;
	width: 100%;
}

#item-edit select[multiple=multiple] {
	height: 7.25rem;
	padding: 0.4rem 1rem 0.4rem 0.6rem;
}

#item-edit select[multiple=multiple] option {
	padding: 0.155rem 0.35rem;
	margin: 0.155rem 0;
}

#item-edit select[multiple=multiple] option:checked,
#item-edit select[multiple=multiple] option:focus {
	background: var(--accent);
	color: var(--bg);
}

#item-edit input[type=text],
#item-edit input[type=email],
#item-edit input[type=number],
#item-edit input[type=password],
#item-edit textarea {
	border-color: var(--border);
	background: var(--bg);
}

#item-edit input[type=text].big-input {
	border: 2px solid var(--border);
	padding: 0.65rem 0.8rem;
	font-size: 1.2rem;
	font-weight: 500;
}

#item-edit textarea {
	min-height: 16rem;
	line-height: 1.45;
}

#item-edit input[type=text]:focus,
#item-edit input[type=number]:focus,
#item-edit textarea:focus {
	border-color: var(--green);
}

#item-edit .list-label {
	font-weight: 600;
	margin-bottom: 0.4rem;
}

#item-edit p.list-label {
	margin-bottom: 0.65rem;
}

#item-edit .book-cover {
  display: block;
  position: relative;
  width: 100%;
  min-height: 25rem;
  height: auto;
  text-align: center;
  margin-bottom: 1.5rem;
}

#item-edit .book-cover.blog-cover {
	min-height: 4rem;
}

#item-edit .author-avatar {
	display: block;
	position: relative;
	width: 100%;
	min-height: 20rem;
	height: auto;
	text-align: center;
	margin-bottom: 1.5rem;
}

#item-edit .author-avatar.user-avatar {
	min-height: 10rem;
}

#item-edit .book-cover img {
	display: block;
	width: 100%;
	height: auto;
}

#item-edit .author-avatar img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 100%;
}

#item-edit .author-avatar .preview {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
	border-radius: 100%;
}

#item-edit .author-avatar .preview img {
  	width: 100%;
	aspect-ratio: 1 / 1;
  	object-fit: cover;
}

#item-edit .upload-btn-wrapper {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 1.5rem auto;
	text-align: center;
}

#item-edit .upload-btn-wrapper .btn {
	display: block;
	width: 80%;
  	border: 2px dashed var(--border);
  	background-color: var(--accent-bg);
  	color: var(--text);
  	padding: 1.5rem 1rem;
  	border-radius: var(--standard-border-radius);
	cursor: pointer;
	margin: 0 auto;
}

#item-edit .upload-btn-wrapper:hover .btn {
	color: var(--green);
}

#item-edit .upload-btn-wrapper input[type=file] {
	font-size: 3.5rem;
	position: absolute;
	left: 0;
  	top: 0;
	margin: 0;
	padding: 0;
  	opacity: 0;
	cursor: pointer;
}

#item-edit .upload-btn-wrapper-small {
	position: absolute;
	overflow: hidden;
	display: block;
	margin: 0 auto;
	text-align: center;
	top: -0.25rem;
	right: -0.25rem;
}

#item-edit .upload-btn-wrapper-small .btn {
	display: block;
	border-radius: 100%;
	width: 1.75rem;
	height: 1.75rem;
	line-height: 1.75rem;
  	background-color: var(--accent);
  	color: var(--bg);
  	font-size: 0.88rem;
	cursor: pointer;
	margin: 0;
	padding: 0;
}

#item-edit .upload-btn-wrapper-small .btn span {
	line-height: 1.75rem;
}

#item-edit .upload-btn-wrapper-small:hover .btn {
	filter: brightness(1.12);
}

#item-edit .upload-btn-wrapper-small input[type=file] {
	font-size: 1.6rem;
	position: absolute;
	left: 0;
  	top: 0;
	margin: 0;
	padding: 0;
  	opacity: 0;
	cursor: pointer;
}

#item-edit .delete-circle {
	border-radius: 100%;
	width: 1.75rem;
	height: 1.75rem;
	line-height: 1.75rem;
	padding: 0;
	margin: 0;
	right: 0.7rem;
	top: 0.7rem;
	text-align: center;
	background: var(--danger);
	position: absolute;
	display: block;
	font-size: 0;
}

#item-edit .delete-circle.small-circle {
	right: -0.25rem;
	top: -0.25rem;
}

#item-edit fieldset {
	position: relative;
}

#item-edit fieldset .delete-circle {
	right: -0.8rem;
	top: -1.55rem;
}

#item-edit .delete-circle:before {
	content: "\f00d";
	font-family: "Font Awesome 6 Free";
	font-size: 1rem;
}

#item-edit .unique-token {
	margin: 0;
}

#item-edit .unique-token .preview-link {
	margin-left: 1.6rem;
	color: var(--text);
}

#item-edit .unique-token .preview-link:hover {
	color: var(--accent);
}

#item-edit .permalink {
	margin: 0.5rem 0 0.2rem 0;
}

#item-edit .unique-token mark,
#item-edit .permalink mark {
	margin-left: 0.2rem;
}

#item-edit .dash-user-meta {
	margin-top: 0.5rem;
	margin-bottom: 0.15rem;
}

#item-edit .dash-user-meta mark {
	font-size: 0.95rem;
	font-weight: 400;
	margin-left: 0.6rem;
	vertical-align: middle;
    margin-bottom: 0.2rem;
    display: inline-block;
}

#item-edit .dash-username {
	margin-top: 0;
	margin-bottom: 1rem;
}

#item-edit .dash-user-date-join {
	display: block;
	padding-top: 1rem;
	color: var(--light2);
	border-top: 1px solid var(--accent-bg);
	margin-bottom: 2rem;
}

#item-edit .dash-user-meta .email-confirmed {
	font-size: 0.9rem;
	font-weight: 400;
	margin-left: 0.6rem;
	vertical-align: middle;
    display: inline-block;
}

#item-edit .dash-user-meta .email-confirmed .active-dot {
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 100%;
	background: var(--accent);
	margin-right: 0.2rem;
}

#item-edit .dash-user-meta .email-confirmed .active-dot.red {
	background: var(--red);
}

#item-edit .book-infos {
	display: block;
	margin: 1.5rem 0 0 0;
	padding: 0
}

#item-edit .book-infos li {
	list-style-type: none;
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
}

#item-edit .title h1 {
	font-size: 1.6rem;
}

#item-edit .title h4 {
	font-size: 1rem;
	font-weight: 500;
	color: var(--light2);
	margin-top: 0.8rem;
}

#item-edit .dash-list .right-content mark {
	margin-right: 0;
	margin-left: 0.3rem;
}

.dashboard #item-edit .rating.big {
	margin-bottom: 1.5rem;
}

/* Dashboard Statistics */
.dash-stats-title {
	margin-top: 0;
	margin-bottom: 0.2rem;
}

.dash-stats {
	background: var(--accent-bg);
	border: none;
	text-align: center;
	padding: 1.5rem 0.5rem;
}

.dash-stats.right-stats {
	text-align: left;
	padding: 0;
	background: transparent;
}

.dash-stats h5 {
	margin-top: 0;
	margin-bottom: 0;
	color: var(--accent);
}

.dash-stats.right-stats h5 {
	margin-bottom: 1rem;
	color: var(--text);
}

.dash-stats.right-stats .book-inline {
	border-top: 0;
	border-bottom: 1px solid var(--accent-bg);
	padding-top: 0.7rem;
}

.dash-stats.right-stats .button {
	margin-left: 0.4rem;
}

.dash-stats.right-stats .button.light-button {
	background-color: var(--border);
}

.dash-stats p {
	margin-top: 0;
	margin-bottom: 0;
}

.dash-stats.right-stats p.dash-reviews-count {
	margin-top: 0.4rem;
	margin-bottom: 0.8rem;
}

.dash-stats.right-stats p.dash-reviews-count mark {
	font-weight: 600;
	color: var(--accent);
	margin-right: 0.35rem;
}

.dash-stats.right-stats .rating {
	margin-top: 1rem;
}

.dash-stats.right-stats .button {
	font-weight: 400;
	font-size: 0.95rem;
}

/* Dashboard Pagination */
.page-label {
	display: inline-block;
	padding-right: 0.5rem;
}

.pagy.nav {
	display: inline-block;
	padding: 0;
	margin: 1rem 0 0.5rem 0;
}

.pagy.nav a {
	padding: 0.5rem 0.8rem;
	margin: 0 0.15rem;
	display: inline;
	font-weight: 600;
	border-radius: var(--standard-border-radius);
	color: var(--text);
}

.pagy.nav a[aria-disabled=true] {
  	display: none;
}

.pagy.nav a.current,
.pagy.nav a:hover {
	display: inline;
	border-radius: var(--standard-border-radius);
	color: var(--green);
	background: var(--accent-bg);
}

.pagy.nav a[aria-label=Next]::before {
	content: "Următoarea";
	padding-right: 0.3rem;
}

.pagy.nav a[aria-label=Previous]::after {
	content: "Precedenta";
	padding-left: 0.3rem;
}

/* Login & Signup */
#login-signup {
	border-radius: var(--standard-border-radius);
	border: 1px solid var(--border);
	padding: 1.8rem 2rem;
}

#login-signup #logo {
	display: block;
	width: 9.2rem;
	height: auto;
}

#login-signup h3 {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

#login-signup input[type="email"],
#login-signup input[type="password"],
#login-signup input[type="text"] {
	display: block;
	width: 100%;
}

#login-signup input[type="email"]:focus,
#login-signup input[type="password"]:focus,
#login-signup input[type="text"]:focus {
	background: var(--bg);
	border-color: var(--border);
}

#login-signup .password-field {
	padding-right: 2.4rem;
}

#login-signup .password-view {
	background: transparent;
	border-radius: none;
	border: none;
	padding: 0;
	margin: 0;
	color: var(--accent);
	font-size: 0.9rem;
	position: relative;
	float: right;
	margin-top: -1.52rem;
	right: 0.74rem;
}

#login-signup .field_with_errors > input {
	box-shadow: 0px 0px 2px 0px rgba(226, 61, 61, 1) inset;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(226, 61, 61, 1) inset;
	-moz-box-shadow: 0px 0px 2px 0px rgba(226, 61, 61, 1) inset;
}

#login-signup .field_with_errors > input:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

#login-signup .terms-acceptance {
	padding-top: 0.6rem;
}

#login-signup .terms-acceptance .field_with_errors {
	display: inline-block;
	vertical-align: top;
}

#login-signup label.terms {
	font-size: 0.88rem;
  	max-width: 90%;
  	margin-right: 0;
	margin-left: 0.3rem;
	display: inline-block;
}

#login-signup .list-label {
	font-weight: 500;
}

.login-container {
	display: grid;
	height: 97vh;
	align-items: center;
}

/* Profile Settings */
.profile-nav {
	display: block;
	margin: 2rem auto;
	padding: 0;
}

.profile-nav li {
	list-style-type: none;
}

.profile-data {
	padding-left: 2rem;
}

.profile-data .email-data .button.hidden {
	display: none;
}

.profile-data .btn-group.flex-group .button.display-email {
	border-radius: var(--standard-border-radius) 0 0 var(--standard-border-radius);
	width: 100%;
}

.profile-data .btn-group.flex-group .display-btn .button {
	border-radius: 0 var(--standard-border-radius) var(--standard-border-radius) 0;
}

.profile-data .email-data .new-email {
	display: none;
	margin-top: 0.5rem;
}

.profile-data .email-data.open .new-email {
	display: block;
}

/* Public Profile Page */
.profile-page .user-profile-info h1 .verified {
	margin-left: 0.25rem;
    font-size: 0.98rem;
    color: var(--green);
}

.profile-page .books-count {
	padding-left: 0.5rem;
}

.profile-page .books-count .fa {
	margin-right: 0.3rem;
	color: var(--border);
}

/* Nothing to Display Panel */
.nothing-to-display {
	border-radius: var(--standard-border-radius);
	background: var(--bg);
	border: 1px solid var(--border);
	padding: 1.8rem 3rem;
	box-shadow: 0 0 0 0.3rem var(--light4);
	text-align: center;
}

.nothing-to-display .fa {
	font-size: 2.8rem;
	color: var(--accent-bg);
	margin-bottom: 1rem;
}

.nothing-to-display h3,
.nothing-to-display h5 {
	font-weight: 400;
	margin-top: 0;
	margin-bottom: 0;
}

.nothing-to-display a,
.nothing-to-display p {
	margin-top: 1rem;
}

.small-no-results {
	display: block;
	border-radius: var(--standard-border-radius);
	background: var(--bg);
	border: 1px solid var(--border);
	padding: 1rem;
	box-shadow: 0 0 0 0.12rem var(--light4);
	text-align: center;
	margin: 1rem 0;
}

.dropdown-filters-menu .categories-filters .small-no-results {
	padding: 0.5rem;
	margin: 0.3rem 0.65rem;
}

/* Notes */
.note-bubble {
	background: var(--accent);
	color: var(--bg);
	border-radius: var(--standard-border-radius);
	padding: 1rem;
	position: relative;
}

.note-bubble::before {
	display: block;
	position: absolute;
	left: -0.5rem;
	top: 0;
	content: "";
	width: 0.9rem;
	height: 0.9rem;
	background: transparent;
  	border-bottom: 0.9rem solid transparent;
  	border-right: 0.9rem solid var(--accent);
}

.post-notes-inputs.edit-note textarea {
	background: var(--accent-bg);
	color: var(--text);
	border-radius: var(--standard-border-radius);
	padding: 0.52rem 1rem;
	position: relative;
}

.note-actions {
	display: block;
	position: absolute;
	right: -0.2rem;
	top: 2.15rem;
}

.note-actions .delete-circle,
.note-actions .edit-circle {
	border-radius: 100%;
	width: 1.32rem;
	height: 1.32rem;
	line-height: 1.32rem;
	padding: 0;
	margin: 0;
	top: 0;
	text-align: center;
	background: var(--danger);
	position: absolute;
	display: block;
	font-size: 0;
}

.note-actions .edit-circle {
	top: 1.8rem;
	background: var(--border);
}

.note-actions .delete-circle:before {
	content: "\f00d";
	font-family: "Font Awesome 6 Free";
	font-size: 0.78rem;
}

.note-actions .edit-circle:before {
	content: "\f304";
	font-family: "Font Awesome 6 Free";
	font-size: 0.62rem;
	color: var(--text);
}

.post-notes-inputs {
	position: relative;
}

.post-notes-inputs label {
	display: none;
}

.post-notes-inputs.edit-note label {
	display: block;
	font-size: smaller;
	margin-bottom: 0.1rem;
}

.post-notes-inputs textarea {
	display: block;
	width: 100%;
	min-height: 2.2rem;
	line-height: 1.2;
	resize: none;
	padding: 0.5rem 2rem 0.5rem 0.6rem;
	field-sizing: content;
}

.post-notes-inputs.edit-note textarea {
	height: auto;
	padding-right: 2rem;
	field-sizing: content;
}

.post-notes-inputs .button.submit {
	position: absolute;
	right: -6px;
	top: auto;
	bottom: 1px;
	margin: 0;
	background: transparent;
	border: none;
	color: var(--light2);
}

.post-notes-inputs.edit-note .note-actions {
	top: auto;
	bottom: 1px;
	right: -6px;
}

.post-notes-inputs.edit-note .button.submit {
	position: relative;
	right: 0;
	top: auto;
	bottom: 0;
	margin: 0;
	background: transparent;
	border: none;
	color: var(--light2);
}

.notes-counter {
	margin-top: 0.6rem;
	color: var(--accent);
}

.notes-info {
	padding-left: 0.6rem;
	margin-top: 0.4rem;
	font-size: 0.8rem;
	color: var(--light2);
}

.notes-info .fa {
	margin-right: 0.3rem;
}

.confirmation-actions .button {
	margin-top: 0;
	margin-bottom: 0;
}

/* Objectives */
.objectives-form {
	display: flex;
    justify-content: center;
    align-items: center;
	padding: 2rem;
	border-radius: var(--standard-border-radius);
	box-shadow: 0px 0px 24px 2px rgba(221, 227, 234, 0.6);
	margin-bottom: 2rem;
}

.dark .objectives-form {
	box-shadow: 0px 0px 24px 2px rgba(221, 227, 234, 0.15);
}

.objectives-form label,
.objectives-form .label {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.objectives-form input[type="number"] {
	max-width: 4.9rem;
	display: inline-block;
	margin-left: 0.7rem;
	margin-right: 0.7rem;
	padding-right: 0.4rem;
	padding-left: 0.6rem;
}

.objectives-form .button {
	margin-left: 1.2rem;
	display: inline-block;
}

.objectives-form .button.counter {
	margin-left: 0.7rem;
	margin-right: 0.7rem;
}

.year-progress {
    display: flex;
    align-items: center;
}

.year-progress .ratings {
	margin-bottom: 1.22rem;
}

.year-progress .button.light-button.red {
	margin-right: 0;
}

.year-progress .button.light-button.red .fa,
.objectives-form .button.light-button.red .fa {
	margin-left: 0.3rem;
}

.year-progress .button .fa.fa-pen,
.objectives-form .button .fa.fa-pen {
	margin-left: 0;
	margin-right: 0;
}

.objectives-form .button.light-button.red {
	margin-right: 0;
	margin-left: 0.7rem;
}

.year-progress .button.light-button.red {
	margin-right: 0;
	margin-left: 0.4rem;
}

.objective-call .fa {
	font-size: 2.8rem;
	color: var(--accent-bg);
	margin-bottom: 0.7rem;
}

.objective-call h3,
.objectives-history {
	font-weight: 400;
}

.objectives-history {
	margin-top: 2rem;
	margin-bottom: 0.5rem;
}

header .search .more-results,
header .mobile-search .more-results {
	margin-top: 1.2rem;
	margin-bottom: 0.5rem;
	display: block;
	font-weight: 500;
}

header .search .more-results .fa,
header .mobile-search .more-results .fa {
	color: var(--border);
	margin-right: 0.35rem;
}

header .search .no-result .fa,
header .mobile-search .no-result .fa {
	color: var(--border);
	font-size: 1.9rem;
	margin-bottom: 0.2rem;
}

header .search .no-result h6,
header .mobile-search .no-result h6 {
	margin-top: 0.4rem;
	margin-bottom: 0.6rem;
	font-weight: 400;
}

/* Notices & Alerts */
p.alert,
p.notice {
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
}

/* Blog Posts */
.blog-post:hover .collection-content {
	background: transparent;
}

.blog-post .date,
.blog-post .tags {
	display: inline-block;
	margin-right: 1rem;
	margin-bottom: 0.4rem;
	margin-top: 0.4rem;
}

.blog-post .date {
	color: var(--light2);
	font-size: 0.9rem;
}

.blog-post-page .tags {
	margin-top: 1.65rem;
}

.blog-post .tags mark {
	margin-right: 0.34rem;
}

.blog-post-page .tags mark {
	margin-right: 0.5rem;
	padding: 0.34rem 0.66rem;
}

.blog-post .tags mark:hover,
.blog-post-page .tags mark:hover {
	background-color: var(--accent);
}

.blog-post .tags mark a,
.blog-post-page .tags mark a {
	color: var(--accent);
	display: table-cell;
}

.blog-post .tags mark:hover a,
.blog-post-page .tags mark:hover a {
	color: var(--bg);
}

.list-title h1.blog-tag-title {
	margin-top: 0.4rem;
}

.blog-tag-title mark {
	padding: 0.25rem 0.6rem;
	border-radius: var(--standard-border-radius);
	background-color: var(--accent-bg);
	color: var(--text);
}

/* Miscs */
.copy-url {
	display: inline-block;
	margin-left: 0.5rem;
}

.button.copy-to-clipboard {
  padding: 0;
  background: transparent;
}

.button.copy-to-clipboard span.fa-copy {
	color: var(--border);
	font-size: 1rem;
}

.copy-url .copied {
	color: var(--light1);
	font-size: 0.78rem;
	font-weight: 400;
}

.copy-url .copied .fa.fa-check {
	color: var(--accent);
	margin-right: 0.06rem;
	margin-left: 0;
	font-size: 0.78rem;
}

/* Trix Editor */
trix-toolbar .trix-button-group {
	background: var(--accent-bg);
}

trix-editor {
	border: 1px solid var(--border);
	padding: 1.2rem 1.4rem 1.6rem 1.4rem;
}

trix-editor li,
.trix-content li {
	margin-left: 1.6rem;
	padding-left: 0.75rem;
}

trix-editor figure {
	overflow-x: visible;
}

trix-editor [data-trix-mutable].attachment img {
	box-shadow: none;
	box-shadow: 0 0 0 3px var(--border);
}

trix-editor .trix-button--remove {
	background-color: var(--danger);
	border: 2px solid var(--danger);
}

trix-editor .trix-button--remove:hover {
	border-color: var(--danger);
}

#item-edit trix-editor figcaption.attachment__caption textarea {
	min-height: auto;
	line-height: 1.2;
}

trix-editor figcaption.attachment__caption span.attachment__name,
trix-editor figcaption.attachment__caption span.attachment__size,
trix-editor .attachment__metadata-container {
	display: none;
}

.trix-content action-text-attachment,
.trix-content img {
	display: inline-block;
}

.trix-content img,
trix-editor img {
	margin-left: auto;
	margin-right: auto;
}

trix-toolbar .trix-dialog {
	background: var(--accent-bg);
	box-shadow: none;
	border: 1px solid #888;
	border-radius: 3px;
	padding: 5px 10px;
}

trix-toolbar .trix-dialog__link-fields,
trix-toolbar .trix-dialog__link-fields .trix-button-group {
	border: none;
	background: transparent;
}

trix-toolbar .trix-dialog__link-fields .trix-button-group .trix-button {
	padding: 0.46rem 0.68rem;
	margin-left: 0.28rem;
	border-left: none;
	border-radius: var(--standard-border-radius);
}

trix-toolbar .trix-dialog__link-fields .trix-input {
	background: var(--bg);
	border: none;
	border-radius: var(--standard-border-radius);
}

trix-toolbar .trix-button-group {
	border: none;
	overflow: hidden;
	padding: 2px 1px;
}

trix-toolbar .trix-button {
	border-bottom: none;
	margin-left: 1px;
	margin-right: 1px;
	border-radius: 3px;
	font-weight: 500;
}

.dark trix-toolbar .trix-button::before {
	filter: brightness(0) invert(0.9);
}

trix-toolbar .trix-button.trix-active,
trix-toolbar .trix-button:hover {
	background: var(--accent);
	filter: brightness(1);
}

.light trix-toolbar .trix-button.trix-active::before,
.light trix-toolbar .trix-button:hover::before {
	filter: brightness(0) invert(1);
	opacity: 1;
}

.dark trix-toolbar .trix-button.trix-active::before,
.dark trix-toolbar .trix-button:hover::before {
	filter: brightness(1) invert(0);
	opacity: 0.9;
}

trix-toolbar .trix-button:not(:first-child) {
	border-left: none;
}

/* Team */
.team .row {
	margin-top: 1.45rem;
	margin-bottom: 0;
}

.team .avatar {
	max-width: 80%;
}

.team h3 {
	font-size: 1.42rem;
	margin-top: 0.6rem;
	margin-bottom: 0.6rem;
}

.team small {
	display: block;
	margin-bottom: 1.65rem;
}

.team p {
    font-size: 1rem;
    line-height: 1.8;
}

.team .avatar img {
	border-radius: 100%;
}

.team a.social-link {
	margin-right: 0.7rem;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	line-height: 1.5rem;
}

.team a.social-link svg {
	width: auto;
	height: 1.5rem;
	fill: var(--light1);
	vertical-align: middle;
}

.team a.social-link svg:hover {
	fill: var(--accent);
}

/* Mobile Search */
.mobile-search {
	margin-top: 1.15rem;
	float: left;
}

.mobile-search .search {
	position: absolute;
	width: 94%;
	left: 3%;
	margin-left: 0;
	top: 0;
	z-index: 3;
}

.mobile-search .search input[type="search"] {
	min-width: 100%;
}

.mobile-search .live-search-results {
	left: 0;
	border: none;
	box-shadow: none;
	width: 100%;
	padding-bottom: 1.2rem;
	box-shadow: 0px 0px 24px 2px rgba(221, 227, 234, 0.6);
	margin-bottom: 1.2rem;
}

.dark header .mobile-search .live-search-results {
	box-shadow: 0px 0px 24px 2px rgba(221, 227, 234, 0.15);
}

.frontend .live-search-results .cover,
.frontend header .user-menu .user-meta .avatar,
.frontend .user-profile.public .avatar,
.frontend .dropdown-filters-menu .author .avatar,
.frontend .book-inline .cover,
.frontend .author-info .avatar,
.frontend .authors .author .avatar,
.frontend .author.big .avatar,
.frontend .review .user-info .avatar {
  background-size: 24%;
}

.frontend .book-inline .book-cover,
.frontend .live-search-results .book-cover {
	background: none;
}

.label-inside-title {
	font-weight: 400;
	margin-left: 0.45rem;
	color: var(--light2);
}

a .label-inside-title {
	color: var(--light2);
}

/* Responsive Design Rules */
@media only screen and (max-width: 64em) {

	.hero {
		padding-top: 3rem;
		padding-bottom: 5rem;
		margin-bottom: -2rem;
		height: auto;
	}

	.hero h2 {
		height: auto;
		margin-top: 1.2rem;
	}

	header a.logo {
		margin-left: 1.1rem;
	}

	header .menu-button.hidden-lg {
		margin-top: 0.5rem;
	}

	header .mega-menu {
		position: unset;
	}

	header .mega-menu .mega-dropdown {
		left: 0;
		border-radius: 0;
		border: none;
		box-shadow: 0px 0px 24px 2px rgba(221, 227, 234, 0.6);
		width: 100%;
		padding: 1rem;
		margin-bottom: 1.2rem;
		top: 3.6rem;
	}

	.dark header .mega-menu .mega-dropdown {
		box-shadow: 0px 0px 24px 2px rgba(221, 227, 234, 0.15);
	}

	.frontend header .user-menu {
		padding-left: 0.6rem;
		padding-right: 0.6rem;
	}

	.frontend header .user-menu .user-meta .avatar {
		width: 38px;
		height: 38px;
	}

	.frontend header .user-menu .user-meta .details {
		display: none;
	}

	.frontend header .user-menu .resources-nav {
		margin-top: 0.3rem;
	}

	.frontend header .user-menu .resources-nav ul li {
		margin-left: 0.7rem;
		margin-right: 0;
	}

	.login-container {
		display: block;
		height: auto;
	}

	#login-signup {
		border: none;
		padding: 0.5rem 1.2rem;
	}

	footer ul {
		text-align: center;
	}

	footer p {
		text-align: center;
	}

	footer ul li,
	footer ul.sections li {
		margin-left: 0.3rem;
		margin-right: 0.3rem;
	}

	.shelf-search .search input {
		max-width: 9rem;
	}

	.open .col-12-sm {
		width: 98%;
	}

	.open .book-inline {
		padding: 0.9rem 0 0 0;
		border-radius: 0;
		box-shadow: none !important;
	}

	.open.confirm-open .book-inline {
		padding: 0.6rem;
		border-radius: var(--standard-border-radius);
		box-shadow: 0px 0px 24px 2px rgba(221, 227, 234, 0.6) !important;
		border-bottom: none;
		margin-bottom: 0.8rem;
	}

	.dark .open.confirm-open .book-inline {
		box-shadow: 0px 0px 24px 2px rgba(221, 227, 234, 0.15) !important;
	}

	.open .book-inline .read-details {
		text-align: center;
	}

	.open .book-inline .read-details .text-light.m-r-5 {
		margin-right: 0.25rem;
	}

	.open .book-inline .read-details .book-type {
		margin-left: 0;
	}

	.book-inline .col-8-sm,
	.book-inline .col-4-sm {
		margin-bottom: 0;
	}

	.dropdown-filters-menu,
	.dropdown-filters-menu.cols-2-dropdown {
		max-width: 94vw;
	}

	.inline.hidden-sm,
	.shelf-nav .btn-group.hidden-sm,
	.shelf-nav .filters-button.hidden-sm,
	.shelf-nav .clear-filters.hidden-sm {
		display: none;
	}

	.book-inline .actions {
		margin-top: 0;
		margin-left: 76px;
		text-align: left;
	}

	.book-inline .actions.reads-notes-actions {
		text-align: left;
	}

	.book-inline .actions .button {
		margin-left: 0.35rem;
		margin-right: 0;
	}

	.book-inline .actions.reads-notes-actions .button {
		margin-left: 0;
	}

	.book-inline .actions .popover {
		margin-top: 0;
	}

	#add-review select {
		margin: 0.5rem 0 !important;
		display: block;
	}

	#add-review .ratings.user-ratings {
		padding-left: 0;
	}

	.book-inline .actions.notes-actions-container {
		text-align: left;
	}

	.book-inline .actions.notes-actions-container .button {
		margin-left: 0;
		margin-right: 1rem;
	}

	.note-actions {
		right: 1.55rem;
	}

	.user-nav {
		max-width: 96%;
		margin-bottom: 0;
	}

	.objectives-form {
		padding-left: 0.7rem;
		padding-right: 1.4rem;
	}

	.objectives-form .first-label {
		min-width: 7.2rem;
		text-align: right;
	}

	.objectives-form .second-label {
		max-width: 1.8rem;
		text-align: left;
	}

	.objectives-form input[type="number"] {
		max-width: 3.5rem;
	}

	.profile-page .books-count {
		display: block;
		padding-left: 0;
	}

	.profile-data {
		padding-left: 0;
	}

	#item-edit .author-avatar.user-avatar.user-profile-edit-page {
		width: 60%;
		margin-left: auto;
		margin-right: auto;
	}

	.book-page .book-cover {
		max-width: 60%;
		min-height: 6.4rem;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 0.8rem;
	}

	.book-page .book-cover img {
		max-width: 290px;
		margin-left: auto;
		margin-right: auto;
	}

	.book-details-center {
		text-align: center;
	}

	.book-details-center .description {
		text-align: left;
	}

	/*.right-column-book .ratings,
	.right-column-book ul {
		width: 48%;
		display: inline-block;
	}

	.right-column-book ul {
		padding-left: 1.5rem;
		font-size: 0.8rem;
		vertical-align: top;
	}*/

	.right-column-book .ratings,
	.right-column-book ul {
		max-width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.right-column-book ul {
		margin-bottom: 2.5rem;
	}

	.review .user-info .about .meta .rating {
		display: block;
		margin-left: 0;
	}

	.shelf-nav h2.section-title {
		font-size: 1.25rem;
	}

	.frontend header {
		position: relative;
	}

	.live-search-results .list-result h4 {
		margin-top: 0;
	}

	.live-search-results .list-result .details {
		width: calc(100% - 50px);
	}

	.shelf-nav .filters-button {
		margin-left: 0.5rem;
	}

	.shelf-nav .button .fa,
	.shelf-nav .button .fa {
		margin-right: 0.2rem;
	}
	
	.hero h1 {
		font-size: 2.6rem;
	}

	header a.close-search {
		top: 0.9rem;
	}

	a.close-search i {
		font-size: 1.15rem;
	}

	.container.books-list.m-t-20 {
		margin-top: 0.8rem;
	}

	.container.books-list.m-t-20 .list-title h2 {
		font-size: 1.4rem;
	}

	.container.ratings-and-reviews {
		padding-top: 0.5rem;
	}

	footer .info,
	footer .info a {
		margin-bottom: 0;
	}

	.small-no-results.hidden-sm {
		display: none;
	}

	.pagy.nav a[aria-label=Next]::before {
		content: "";
		padding-right: 0;
	}

	.pagy.nav a[aria-label=Previous]::after {
		content: "";
		padding-left: 0;
	}

}

@media only screen and (min-width: 64em) {

	.inline.hidden-lg,
	.shelf-nav .btn-group.hidden-lg,
	.shelf-nav .filters-button.hidden-lg,
	.shelf-nav .clear-filters.hidden-lg {
		display: none;
	}

	.small-no-results.hidden-lg {
		display: none;
	}

}