.usd, .cad {display: none;}


.book {text-align: center;}
.book img {width: auto; max-height: 99%;}


a.thumb img, .book a img {
  -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}


a.thumb:hover img,
a.thumb:focus img,
a.thumb.active img,
.book a:hover img,
.book a:focus img,
.book a.active img {
  border-color: #428bca;
}


.books .col-sm-2.book {height:200px; line-height: 200px;}


#privacy-list dd {margin-bottom: 1em;}

.fp-carousel-container {
    position: relative;
    padding: 0 2rem;
}

.fp-carousel {
    overflow: hidden;
    flex-wrap: nowrap;

    /* Columns of the carousel */
    & > div {
        /* To not cut off the outline from .rotate-hover */
        padding: 4px;

        /*
        By default, the animation is pretty short
        Prevent the transition from majorly impacting user clicks
        to move through the carousel.
        */
        transition-duration: .25s;
        transition-property: opacity;
        transition-timing-function: ease-in-out;

        /*
        This class is added at a delay so that
        when we initially set a margin left,
        it doesn't have a transition property assigned
        */
        &.animate {
            transition-property: margin-left, opacity;

            /*
            When the transition is not from a user click, i.e. scheduled
            Can take longer
            */
            &.auto {
                transition-duration: 2s;
            }
        }

        /* Remove all transition when there's a global reduce motion setting */
        @media (prefers-reduced-motion: reduce) {
            transition-property: none !important;
            transition-duration: 0s !important;
        }
    }

    img {
        max-height: 300px;
    }

    /*
    To manage visibility of the button to move through carousel
    only if there's an overflow
    */
    & ~ a {
        display: none;
    }

    &.controls ~ a {
        display: flex;
    }
}

.carousel-control-prev, .carousel-control-next {
    text-decoration: none;
    width: 2%;
    color: #000;
}

a.carousel-control-prev:hover,
a.carousel-control-next:hover,
a.carousel-control-prev:focus,
a.carousel-control-next:focus,
a.carousel-control-prev:active,
a.carousel-control-next:active {
    color: #000;
    cursor: pointer;
}


.book-search2 {margin-top: 25px;}
.search-cover {max-height: 64px; max-width: 64px;}

blockquote:before {
	content: '';
}


#header-wrapper {background-color: #F2BC3E;}



.rotate-hover:hover {
 transition: 0.20s;
 -webkit-transition: 0.20s;
 -moz-transition: 0.20s;
 -ms-transition: 0.20s;
 -o-transition: 0.20s;
 -webkit-transform: rotate(-2deg);
 -moz-transform: rotate(-2deg);
 -o-transform: rotate(-2deg);
 -ms-transform: rotate(-2deg);
 transform: rotate(-2deg);
}

.fp-details-panel {
   font-size: .85em;

}

.fp-details-panel ul > li > ul {
   padding-left: 2em;
   list-style-type: "- ";
}

.fp-details-panel ul > li > strong, .fp-details-panel-header {
   display: block;
   padding-top: 1em;
   text-transform: uppercase;
   color: #444;
}

.fp-details-panel ul > li:first-child > strong, .fp-details-panel-header {
   padding-top: 0;
}

ul.fp-keywords-list {
   margin-left: -1em;
   list-style: none;
}

ul.fp-keywords-list li {
   display: inline;
}

.google_preview_overlay {
   display: none;
   position: absolute;
   right: 4px;
   top: 4px;
   z-index: 100;
}

.google_preview_overlay i {
   color: rgb(100, 100, 100, .80);
   mix-blend-mode: difference;
}


.fp-title-thumbnail, .fp-strong-shadow {
   box-shadow: 0 5px 39px -10px rgba(0, 0, 0, 0.24);
}
.fp-thumb-shadow {
   box-shadow: 0 5px 39px -10px rgba(0, 0, 0, 0.10);
}

.bookstore-widget {
    position: absolute;
    z-index: 1001;
    box-shadow: 0 5px 39px -10px rgba(0, 0, 0, 0.24);
    width: 100%;
}


.browser h6 {color: var(--bs-secondary-color);}
.browser .subtitle {color:var(--bs-body-color);}
.browser h6 .authorname {white-space: nowrap;}

.usd, .cad {
    display: none;
}

[data-country="US"] .usd, [data-country="CA"] .cad {
    display: unset;
}

.add-to-cart {
    &.added > i.fa-check-circle {
        opacity: 1;
    }

    & > i.fa-check-circle {
        opacity: 0;
        transition: opacity 0.25s;
    }
}

.go-to-cart {
    display: none;
    opacity: 0;
    transition: opacity 1s ease-out;
}

[data-cart-button] .go-to-cart {
    display: block;
    opacity: 1;
}