/* Alert */


/* .alert {
    padding: 20px;
    margin: 20px 0;
    border-left: 5px solid;
}

.alert i {
    margin-right: 10px;
}

.alert--danger {
    background-color: #ff6347;
    color: #fff;
    border-left-color: #f8310e;
} */


/* Modal Base CSS */

.pde-overlay {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 1ms opacity ease;
  -moz-transition: 1ms opacity ease;
  -ms-transition: 1ms opacity ease;
  -o-transition: 1ms opacity ease;
  transition: 1ms opacity ease;
  background: rgba(0, 0, 0, .6);
}

.pde-modal {
  position: absolute;
  z-index: 9999;
  top: 50%;
  left: 50%;
  opacity: 0;
  width: 94%;
  padding: 34px 30px;
  -webkit-transition: 1ms opacity ease;
  -moz-transition: 1ms opacity ease;
  -ms-transition: 1ms opacity ease;
  -o-transition: 1ms opacity ease;
  transition: 1ms opacity ease;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 2px;
  background: #fff;
}

.pde-modal.pde-open.pde-anchored {
  top: 20px;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

.pde-modal.pde-open {
  opacity: 1;
}

.pde-overlay.pde-open {
  opacity: 1;
}


/* Close Button */

.pde-close {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 12px;
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 5px 7px 7px;
  cursor: pointer;
  color: #000;
  border: 0;
  outline: none;
  background: transparent;
}

.pde-close:hover {
  background: transparent;
}


/* Default Animation */

.pde-overlay.fade-and-drop {
  display: block;
  opacity: 0;
}

.pde-modal.fade-and-drop {
  top: -300%;
  opacity: 1;
  display: block;
}

.pde-modal.fade-and-drop.pde-open {
  top: 50%;
  -webkit-transition: 500ms top 500ms ease;
  -moz-transition: 500ms top 500ms ease;
  -ms-transition: 500ms top 500ms ease;
  -o-transition: 500ms top 500ms ease;
  transition: 500ms top 500ms ease;
}

.pde-modal.fade-and-drop.pde-open.pde-anchored {
  -webkit-transition: 500ms top 500ms ease;
  -moz-transition: 500ms top 500ms ease;
  -ms-transition: 500ms top 500ms ease;
  -o-transition: 500ms top 500ms ease;
  transition: 500ms top 500ms ease;
}

.pde-overlay.fade-and-drop.pde-open {
  top: 0;
  -webkit-transition: 500ms opacity ease;
  -moz-transition: 500ms opacity ease;
  -ms-transition: 500ms opacity ease;
  -o-transition: 500ms opacity ease;
  transition: 500ms opacity ease;
  opacity: 1;
}

.pde-modal.fade-and-drop {
  -webkit-transition: 500ms top ease;
  -moz-transition: 500ms top ease;
  -ms-transition: 500ms top ease;
  -o-transition: 500ms top ease;
  transition: 500ms top ease;
}

.pde-overlay.fade-and-drop {
  -webkit-transition: 500ms opacity 500ms ease;
  -moz-transition: 500ms opacity 500ms ease;
  -ms-transition: 500ms opacity 500ms ease;
  -o-transition: 500ms opacity 500ms ease;
  transition: 500ms opacity 500ms ease;
}


/* .pde-modal-content {
    display: none;
} */

.pde-content .attachment-thumbnail {
  max-width: 50px;
  height: auto;
  width: 50px;
}

.pde-content ul {
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
}

.pde-content li,
.pde-modal .description {
  font-size: 14px;
}

.oblique-container,
.catalogue-call-to-action::before {
  background: #1e5799;
  /* Old browsers */
  background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #7db9e8 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #1e5799 0%, #2989d8 50%, #7db9e8 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #1e5799 0%, #2989d8 50%, #7db9e8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#7db9e8', GradientType=0);
  /* IE6-9 */
}

.oblique-container {
  width: 100%;
  margin: 0 auto;
  height: 220px;
  position: relative;
}

.bestseller {
  display: none;
}

.catalogue-call-to-action {
  position: absolute;
  height: 100%;
  right: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .editors-list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    font-size: 14px;
  }
  .editors-list li {
    padding: 0;
    border-bottom: 0;
  }
  .bestseller {
    position: absolute;
    display: block;
    top: 0px;
    bottom: 0px;
    left: 0;
    width: 70%;
    background-color: lightgrey;
  }
  .catalogue-call-to-action {
    width: 30%;
  }
  .catalogue-call-to-action::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    transform: skewX(-20deg);
    left: -40px;
  }
}

.pde-editors {
  background-color: #ececec;
  padding: 10px;
  margin-bottom: 30px;
}

.catalogue-call-to-action-content {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  color: white;
}

.catalogue-call-to-action-content h3,
.catalogue-call-to-action-content a {
  color: #fff;
}

.catalogue-call-to-action-content a {
  font-size: 14px;
}

.bestseller-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

.bestseller-content img {
  max-width: 100px;
  margin: 0 5%;
}

.alpha-index {
  text-align: center;
  margin: 20px 0;
  padding-bottom: 10px;
  border-bottom: 2px solid #fff;
  font-size: 14px;
}

.alpha-index a {
  color: #000;
  text-decoration: none;
  font-weight: bold;
  margin-right: 5px;
  padding: 4px 10px;
}

.alpha-index a:visited {
  color: #000;
}

.alpha-index a.active {
  background-color: #019ee0;
  color: #fff;
}

.editors-list a.active {
  color: #019ee0!important;
  text-decoration: none;
}

.editors-list a,
.editors-list a:visited {
  color: #000;
  cursor: pointer;
  font-weight: bold;
  text-decoration: none;
}

.editors-list a:hover {
  color: #019ee0;
}

.index-link {
  display: none;
}

.alpha-index select {
  width: 100%;
  border-radius: 0;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid transparent;
}

.alpha-index select:focus {
  border: 1px solid #029de0;
  outline: none;
}

.editors-list {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
  padding: 10px 30px;
}

.editor-title {
  font-weight: bold;
  margin: 20px 0;
}

.editors-list li {
  padding: 10px 0;
  border-bottom: 1px solid #fff;
}

.editor-info {
  font-size: 14px;
  margin-bottom: 30px;
  border-bottom: 1px solid #cecece;
}

.editor-info ul {
  list-style: none;
  margin-left: 0;
}

.editor-info img {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .editor-info img {
    float: right;
  }
  .editors-list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    font-size: 14px;
  }
  .editors-list li {
    padding: 0;
    border-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .alpha-index select {
    display: none;
  }
  .index-link {
    display: inline-block;
  }
  .editors-list {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }
}


/* Single Product Page */

.book-title {
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: 1px solid #ececec;
}

.book-title span {
  font-size: 16px;
  margin: 0;
  font-weight: bold;
  color: #1e5799;
}

.book-title h1 {
  margin: 15px 0;
}

.book-title p {
  margin: 0;
  color: #000;
  font-size: 20px;
}

.book-info {
  margin: 0 0 10px;
  border-bottom: 1px solid #ececec;
}

.book-info ul {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 14px;
}

.book-info ul li>span {
  font-weight: bold;
  display: inline-block;
  width: 100px;
}

.book-abstract {
  font-size: 14px;
  line-height: 24px;
  margin-top: 35px;
}

.book-related {
  border-top: 1px solid #ececec;
}

.book-related h2 {
  text-align: center;
  padding: 40px 0;
}

.book-related img {
  margin-bottom: 5px;
  box-shadow: 1px 1px 4px 0px #666;
  width: 100%;
}

.book-related p {
  margin: 0;
  font-size: 13px;
}

.book-related .title {
  font-weight: bold;
  color: #1e5799;
}

.book-related .publisher {
  font-weight: bold;
}

.book-related .owl-item>div>a {
  text-decoration: none;
  color: inherit;
}

.owl-carousel {
  margin: 0;
}

.owl-carousel .owl-nav [class*=owl-] {
  background: rgba(0, 0, 0, 0.5);
  color: rgba(255, 255, 255, 0.9);
  font-size: 11px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 0;
  text-align: center;
}

.owl-carousel .owl-nav [class*=owl-]:hover {
  background: rgba(0, 0, 0, 0.9);
  color: #FFF;
}

.owl-carousel .owl-prev,
.owl-carousel .owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 30px;
  margin: auto !important;
}

.owl-carousel .owl-prev {
  left: -30px;
}

.owl-carousel .owl-next {
  right: -30px;
}

.owl-carousel .owl-dots {
  display: none !important;
}

.future-release {
  margin-bottom: 30px;
  border-bottom: 1px solid #ececec;
  border-top: 1px solid transparent;
}


/* Breadcrumbs */

.product-breadcrumbs {
  font-size: 14px;
  margin: 30px 0;
  font-weight: bold;
}

.product-breadcrumbs a,
.product-breadcrumbs a:visited,
.product-breadcrumbs a:active {
  text-decoration: none;
  color: #000;
}

.product-breadcrumbs span:last-child {
  color: #019ee0;
}

.btn--center {
  margin: 40px auto;
  display: table;
}

.owl-carousel .owl-nav [class*=owl-] {
  display: none;
}

.owl-stage {
  display: flex;
  align-items: baseline;
}

@media (min-width: 1024px) {
  .owl-carousel .owl-nav [class*=owl-] {
    display: block;
    background: transparent;
    color: inherit;
    font-size: 16px;
    width: auto;
    height: auto;
    line-height: 30px;
    border-radius: 0;
    text-align: center;
  }
  .owl-carousel .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: inherit;
  }
  .editor-book-list .column-2 {
    min-height: 1px;
  }
}

.editor-book-list,
.new-release {
  border-top: 0px solid transparent;
}

.editor-book-list {
  display: flex;
  align-items: baseline;
}

.editor-book-list .column-2 {
  min-height: 330px;
}

.navigation .disabled {
  pointer-events: none;
  cursor: no-drop;
  background-color: rgba(5, 100, 162, .5)!important;
}

.new-release-heading h2 {
  margin-bottom: 0px;
  padding: 0 0 10px 0;
}

.new-release-heading h4 {
  text-align: center;
  color: #666;
  font-size: 14px;
}

.new-release-heading {
  margin-bottom: 40px;
}

.new-release {
  margin-bottom: 10px;
}

.heading--center {
  text-align: center;
}

.site-header {
  border-bottom: 1px solid #cecece;
}

a.external {
  text-decoration: none;
  color: #1e5799;
  font-weight: bold;
}

.navigation {
  margin-top: 30px;
}

.page-id-1760 .site {
  background-color: #ececec;
}


/* CLA */

.future-release-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 30px 20px;
}

.future-release-list .editor-book-item {
  max-width: 90%;
}

.editor-book-item a {
  text-decoration: none;
  color: inherit;
}