/*****************globals*************/
:root {
  --background-color: white;
  --header-background-color: #343a40;
}

body {
  padding-top: 56px;
  font-family: 'open sans';
  overflow-x: hidden;
}

.navbar {
	background: var(--header-background-color);
}

footer {
	font-size: small;
	background: var(--footer-background-color);
	color: var(--footer-font-color);
    padding-bottom: max(4px, env(safe-area-inset-bottom));
}

footer a, footer a:visited {
	color: var(--footer-font-color);
	text-decoration: underline;
}

footer a:hover {
	color: var(--footer-link-color-hover);
	text-decoration: underline;
}

img {
  max-width: 100%;
}

.row-book-category .breadcrumb {
	background-color: var(--background-color);
	padding: 0px;
	margin-bottom: 0px;
}

.breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  content: ">";
}

.card {
  background: #eee;
  padding: 3em;
  line-height: 1.5em; }

@media screen and (min-width: 997px) {
  .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }


.book-card {
	background-color: #eee !important;
	background: #eee !important;
	font-size: 14px;
	margin-bottom: 20px;
}

.book-card h2 {
	font-size: 24px;
}

.book-card h3 {
	font-size: 18px;
}

.book-card h4 {
	font-size: 18px;
}


.book-title {
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
}

.book-summary-header {
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 2px;
	margin-top: 2px;
}

.series-display, .series-display a, .series-display a:hover {
	font-weight: normal;
	margin-top: 0px;
	color: rgba(20, 20, 20, 0.65);
}

.price, .sizes, .colors {
  text-transform: UPPERCASE;
  font-weight: bold;
}

.checked, .price span {
  color: #ff9f1a; }

.rating {
  margin-bottom: 13px;
}

.product-title, .rating, .product-description, .price, .vote, .sizes {
  margin-bottom: 15px;
  }

.product-title {
  margin-top: 0; }