@charset "utf-8";
/* CSS Document */
#book-section {
		border: none;
	}
	.wrap-books {
		display: flex;
		flex-wrap: wrap;
		padding-top: 1rem;
	}
	.wrap-books .book.more .first {
		position: relative;
		margin: 0 1rem 1rem 0;
	}
	.wrap-books .book.more .first::before,
	.wrap-books .book.more .first::after {
		content: '';
		position: absolute;
		top: .3rem;
		bottom: 0;
		left: .3rem;
		right: 0;
		background: none !important;
		border: 2px solid #ccc;
		border-left: none;
		border-top: none;
		transform: translate(.35rem,.3rem);
		border-radius: 0rem 0rem 0.5rem 0rem;
	}
	.wrap-books .book.more .first::after {
		transform: translate(.6rem,.5rem);
	}
	.wrap-books .book.more .first img {
		margin: 0;
	}
	.wrap-books.col-4 .book {
		flex: 0 0 20%;
		 display: flex;
    	flex-direction: column;
	}
	.wrap-book-series > a {
		float: right;
	}
	.wrap-books .book {
		flex: 0 0 16%;
    	padding: 0 1rem 2rem 0;
	}

	.wrap-books .book h4 {
		font-size: 1.2rem;
		flex: 1 0 auto;
		/* hyphens */
	   -moz-hyphens: auto;
	   -o-hyphens: auto;
	   -webkit-hyphens: auto;
	   -ms-hyphens: auto;
	   hyphens: auto; 
	   color: #666;
	}
	.wrap-books .book img {
		border-radius: 0.5rem;
		max-width: 25rem;
		width: 100%;
		box-shadow: 0.2rem 0.2rem 0.5rem rgba(0,0,0,0.15);
	}
	.wrap-books .book span[class*=arrow] {
		    font-size: 1.2rem;
    	vertical-align: text-bottom;
	}
	
	@media (max-width: 767px) {
		.wrap-books {
			display: flex;
			flex-wrap: nowrap;
			overflow: auto;
		}
		.wrap-books .book {
			flex: 0 0 30%;
			padding: 0 1rem 0 0;
		}
		.wrap-books.col-4 .book {
			flex: 0 0 42%;
		}		

	}
.prime-info {
     /*position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;*/
    margin: 1rem 0 0 0;
}
/* for debugging apple bug
.navbar-nav > li {
border: 1px solid #ff0000;
padding: 20px;
}
.navbar-nav > li a {
border: 1px solid #000;
display: block;

}
*/
#search-results-section .info-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: -.5rem 0 0 0;
}
	#search-panel h1.header-search-result {
		max-width: 70%;
	}
	#search-panel .list-group-item {
            padding: 0.8rem 1.5rem;
		background: #fff;
		border-bottom: 2px solid #eee;
		margin: 0 -1.5rem;
		border-radius: 0;
    }
	#search-panel .list-group-item[role=button]:hover {
        z-index: 2;
		border-bottom: 2px solid #fff !important;
		border-radius: 0.5rem;
    }
    #search-panel .list-group-item .row {
        background: none;
    }
	
	#search-panel .nav>li>a>img {
		max-width: 2.5rem;
		display: inline-block;
		width: auto;
		border-radius: 0.25rem;
		margin-right: 0.25rem;
	}
	#search-input.form-control {
		border: 1px solid rgba(0,0,0,.1);
		box-shadow: inset 3px 3px 0 rgba(0,0,0,.1);
	}
	.arrow-back {
		    margin: 0 0.5rem 0 0;
			line-height: 0.8rem;
	}
	.arrow-back span {
		font-size: 1.5rem;
		line-height: 1rem;
	}
	.arrow-back span.arrow_left {
		    
	}
	.arrow-back span.arrow_left:after,
	.arrow-back span.arrow_right:after {
		content: attr(title);
		font-family: proxima-nova;
		font-size: 1rem;
		vertical-align: middle;
	}
	.arrow-back span.arrow_left:after {
		margin-left: 0.25rem;
	}
	.arrow-back span.arrow_right:after {
		float: left;
		margin-right: 0.5rem;
	}
	.arrow-back span.arrow_left:before {
		vertical-align: middle;
	}
	.btn-group-toggle .btn.add-premium {
		border: none;
		text-transform: none;
		text-align: left;
		font-family: "proxima-nova";
		color: #666;
		background: no-repeat;
		padding: 0;
		font-size: 1.25rem;
		margin: 0;
	}
	.btn-group-toggle .btn.add-premium.active {
		box-shadow: none;
		color: #fc7c00;
	}
	.btn-group-toggle .btn.add-premium span:nth-child(2){
		display: none;
	}
	.btn-group-toggle .btn.add-premium.active span:nth-child(2){
		display: inline;
	}
	.btn-group-toggle .btn.add-premium.active span:nth-child(1){
		display: none;
	}
    .info-bubble {
        /*border: 2px solid #eee;*/border-radius: 0.5rem;padding:1rem;
            background: #f5f5f5;
        margin: 0 0 1rem 0;
    }
    .info-bubble::before {
        content: "";
        width: 2rem;
        height: 2rem;
        background: #f5f5f5;
        /*border: 2px solid #eee;*/
        position: absolute;
        top: -1rem;
        left: 9%;
        transform: translateX(0%) rotate(45deg);
        border-width: 2px 0px 0px 2px;
        display: none;
    }
      .info-bubble .well {
            background: #fff;
    }
	 .info-bubble button.close {
            font-size: 2rem;
		font-weight: 200;
		margin: -10px -5px 0 0px;
    }
    .stars {
        font-size: 0.8rem;
    }
    .list-group-item {
        background: none;
    }
      .list-group .list-group-item h1 {
          margin-bottom: 1rem !important;
      }
    .list-group .list-group-item .row [class*=col-]:first-child img {
       /* margin: 0 0 1rem 0 !important;*/
        border-radius: 0.5rem;
    }
    .list-group.books .list-group-item .row [class*=col-]:first-child img {
        border-radius: 0.5rem;
		box-shadow: 0px 0px 0px 2px rgb(0 0 0 / 8%);
    }
    .list-group.books .list-group-item .row [class*=col-]:first-child .first::before {
        background: none !important;
    }
    #search-results .list-group-item .row [class*=col-]:nth-child(2) {
        position: relative;
    }
    .cover-flags {
        display: inline-block;
		float: right;
		white-space: nowrap;
		min-width: 25%;
		text-align: right;
    }
.cover-flags img {
    display: inline-block;
    vertical-align: middle;
    position: static !important;
    max-width: auto !important;
}
    .cover-flags img:nth-child(2) {
        max-height: 40px;
        border: 1px solid #ccc;
        border-radius: 0.5rem;
        width: auto !important;
    }
    .cover-flags img:nth-child(1) {
        max-width: 60px !important;
        max-height: 40px !important;
        border-radius: 0.5rem;
        width: auto;
    }
	
    #search-panel .list-group .list-group-item > .row {
        background: none;
    }
	#search-panel .list-group.books .list-group-item {
		width: auto;
	}
    #search-panel .list-group.books .list-group-item > .row {
         background: none; 
        position: relative;
 
    }
    #search-panel .list-group.books .btn:nth-child(1) {
   /* border-radius: 0.5rem 0rem 0rem 0.5rem;
    border-right: 0;*/
}
    #search-panel .list-group.books .btn:nth-child(2) {
  /* border-radius: 0rem 0.5rem 0.5rem 0rem;
    border-right: 0;*/
}
    .zx_mediaslot {
        display: none;
    }
    .bg-image {
         background-image: url(/system/galleries/html/src/img/bg_hero_homepage_1.jpg);
            background-size: 140%;
        background-position: 95% 71%;
        padding: 0.8rem;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 0;
        background-repeat: no-repeat;
         filter: grayscale(0) blur(3px);
    opacity: 1; 
    }
	.content-wrapper {
		top: 23rem;
		position: relative;
		background: #fff;
	}
	
	.content-inner {
		transform: translateY(-23rem);
		    margin-bottom: 5rem;
	}
    #shop-hero {
		background: none;
		border: none;
	}
    #shop-hero > .container {
        padding: 40px 20px 20px 20px;
        z-index: 1;
    }
    #shop-hero #search-filter .btn:hover div {
        box-shadow: none;
    }
	#search-filter #location .btn-group .btn {
		    flex-basis: 20%;
	}
    #shop-hero #search-filter .btn-group .btn img, #shop-hero #search-filter .btn-group .btn div.glyphicon {
        /*border-radius: 0.5rem;*/
    }
    #shop-hero #search-panel h1 {
        margin: 0;
		vertical-align: middle;
    }
    #shop-hero #search-panel h2 {
        margin-bottom: 1rem;
            margin-top: -0.5rem;
    }
    #shop-hero .container > .panel.well {
        position: relative;
        overflow: visible;
         background: #ffff;
        margin: 0 0 0 auto;
        box-shadow: 0px 2px 30px rgba(0,0,0,.1);
		padding: 1.5rem;
    }
    #shop-hero .container > .panel.well::before {
        content: "";
        width: 5rem;
        height: 7rem;
        position: absolute;
        left: 0;
        top: 21%;
        background: rgba(255,255,255,1);
        transform: translateX(-2%) rotate(-15deg) skew(25deg, 15deg);
        z-index: 0;
    clip: rect(-20px,51px,76px,-10px);
	display: none;
    }
    #shop-hero #search-panel > .row form input.form-control {
       box-shadow: inset 3px 3px 0px rgba(0,0,0,.1) !important;
	   border: 1px solid rgba(0,0,0,0.1);
    }
    #shop-hero #search-filter .btn-group .btn div span {
        display: block;
        padding: 0.5rem 0 0 0;
        letter-spacing: normal;
        color: #666;
        font-weight: 300;
        font-size: .7rem;
        /* text-align: left; */
        text-transform: none;
        overflow: hidden;
        background: #f5f5f5;
		height: 2.2rem;
    }
	#shop-hero #search-filter #location .btn-group .btn div {
		    background: #f5f5f5;
			display: flex;
			text-align: center;
			align-items: center;
			padding: 0 !important;
			width: 100%;
	}
	#shop-hero #search-filter #location .btn-group .btn div span {
        display: block;
		flex-basis: 100%;
        padding: 0;
        letter-spacing: normal;
        color: #666;
        font-weight: 300;
        font-size: .8rem;
        /* text-align: left; */
        text-transform: none;
        overflow: visible;
        background: none;
		height: auto;
    }
	#show-all-publisher-button img {
		background: #fff;
	}
   #search-filter ul.nav-pills li {
			padding: 0 0.5rem 0 0;
		}
		#search-filter ul.nav-pills li:last-child {
			padding: 0;
		}
		#search-filter ul.nav-pills li a {
			padding: 0.3rem 2rem 0.3rem 0.3rem;
			text-align: left;
			width: 100%;
			display: inline-block;
			font-size: 1rem;
			font-weight: 400;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			background-color: #bbb;
		}
		#search-filter ul.nav-pills li.active a, 
		#search-filter ul.nav-pills li.set a, 
		#search-filter ul.nav-pills li a:hover, 
		#search-filter ul.nav-pills li.active a:focus, 
		#search-filter ul.nav-pills li.active a:hover {
			background-color: #fc7c00;
			color: #fff;
		}
		#search-filter ul.nav-pills li a>img,
		#search-filter ul.nav-pills li a>span[class*="icon"] {
			height: 2.5rem;
			border-radius: 0.25rem;
			vertical-align: middle;
			max-width: none;
		}
		#search-filter ul.nav-pills li a>span[class*="icon"] {
			 width: 40%;
   			 text-align: center;
			/* background: rgba(255,255,255,0.15); */
			 display: inline-block;
			 position: relative;
		}
		#search-filter ul.nav-pills li a>span[class*="icon"]:before {
			    display: block;
				top: 50%;
				left: 50%;
				-webkit-transform: translateY(-50%,-50%);
				transform: translate(-50%,-50%);
				position: absolute;
		}
		#search-filter ul.nav-pills li.set a::after {
			position: absolute;
			top: 50%;
			right: 1.5rem;
			content: '';
			width: 0.6rem;
			height: 0.6rem;
			border: 2px solid #fff;
			border-left: none;
			border-top: none;
			-webkit-transform: rotate(45deg) translateY(-130%);
			transform: rotate(45deg) translateY(-130%);
			z-index: 0;
		}
		
		@media all and (max-width: 480px) {
			#search-panel .list-group.books .list-group-item {
				padding: 0.5rem 0;
			}
			#search-filter ul.nav-pills li a {
				padding: 0.2rem 0.2rem 0.5rem 0.2rem;
				text-align: center;
				display: inline-block;
				font-size: 1rem;
				font-weight: 400;
				overflow: hidden;
				white-space: wrap;
				text-overflow: ellipsis;
			}
			#search-filter ul.nav-pills li a>img,
			#search-filter ul.nav-pills li a>span[class*="icon"] {
				height: 5.5rem;
				width: 100%;
				max-width: 100%;
				display:block;
				object-fit: contain;
				margin-bottom: 0.5rem;
				border-radius: 0.5rem;
			}
			#search-filter ul.nav-pills li a>span[class*="icon"] {
				 width: 97%;
				 display: block;
				 text-align: center;
				 font-size: 4rem;
			}
			#search-filter ul.nav-pills li.set a::after {
				display: none;
			}
			#search-results .list-group-item .cover-flags {
				min-width: 40%;
			}
			#search-results .list-group-item .cover-flags img:nth-child(1),
			#search-results .list-group-item .cover-flags img:nth-child(2)
			{
				max-height: 30px !important;
			}
			.list-group.books .list-group-item .row [class*=col-]:first-child img {
				border-radius: 0.5rem;
				box-shadow: 0px 0px 0px 2px rgb(0 0 0 / 8%);
				max-width: 100px;
				height: auto;
				aspect-ratio: 3/4;
			}
			
		} 
    #shop-hero #search-filter .btn-group .btn div {
        background: none;
		box-shadow: 0rem 0rem 0.2rem 0rem rgba(0,0,0,0.2);
         /*border: 1px solid #ddd;*/
		width: 100%;
    }
    .info-bubble .certificate img {
    height: 5rem;
}

/* --------------------------- Test Area ---------------------------------------*/

/* --- Book Details --- */

body.test .short-item-descr,
body.test .short-item-descr-p {
   /*display: none;*/
}
#search-panel .list-group-item .row.details {
        display: none;
    }
	
body.test #search-panel .list-group-item .row.details {
        /* display: flex; */
		font-size: 0.8rem;
		flex-direction: column;
    }
body.test #search-panel .list-group-item .row.details > span {
         line-height: 1.8rem;
		display: flex;
		align-items: center;
		gap: 0.5rem;
    }
body.test #search-panel .list-group-item .row.details > span > i {
            font-size: 1.25rem;
    }

/* --- Sticky Search --- */

body.test #page.set .content-wrapper {
		top:0;
	}
	body.test #page.set .content-wrapper .content-inner {
		transform: none;
	}
	body.test #page.set #searchFilter > .row {
		    position: fixed;
			z-index: 99999999999;
			/* width: 100%; */
			left: 0;
			top: 0px;
			right: 0;
			padding: 2rem;
			background: #fff;
			box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
	}
	body.test #page.set .content-wrapper .content-inner #searchFilter > .row {
			top: 40px;
	}
	@media all and (max-width: 768px) {
		body.test #page.set .content-wrapper .content-inner #searchFilter > .row {
					top: 0;
			}
	}
		
	body.test #page.set #search-filter {
		   
	}
	body.test #page.set header {
		   box-shadow: none;
	}
	
/* --------------------------- End Test Area ---------------------------------------*/

@media (min-width: 1590px) {
    #shop-hero #search-panel.panel.well {
    width: 100%;
}
}
@media (max-width: 1024px) {
	#search-filter .btn-group .btn {
		    flex-basis: 16.6%;
	}
}


@media (max-width: 768px) {
        #shop-hero > .container {
            /*padding: 10rem 0 0 0;*/
            z-index: 1;
            /*margin-bottom: -2rem;*/
        }
        #shop-hero #search-panel.panel.well {
            position: relative;
            overflow: visible;
            background: #ffff;
            width: 100%;
            margin: 0 0 0 auto;
        }
    #shop-hero #search-panel.panel.well::before {
        display: none;
    }
        .bg-image {
            background-size: contain;
            background-position: 0px -80px;
        }
        .prime-info > div[class*=col]:nth-child(1), 
        .prime-info > div[class*=col]:nth-child(2) {
            margin: 0 0 1rem 0;
        }
    }
@media (max-width: 599px) {
	#search-filter .btn-group .btn,
	#search-filter #location .btn-group .btn,
	#search-filter .btn-group #show-all-language .btn {
		flex-basis: 33.33%; 
	}
}
@media (max-width: 480px) {
        #shop-hero > .container {
            padding: 3rem 0.5rem !important;
            z-index: 1;
        }
        #shop-hero #search-panel.panel.well {
            position: relative;
            overflow: visible;
            background: #ffff;
            width: 100%;
            margin: 0 0 0 auto;
            border-radius: 0;
        }
		#search-panel.panel.well > .row form {
			margin: 0 0 0.5rem 0;
		}
		
        .bg-image {
            background-size: contain;
            background-position: 0 0;
        }

        #search-filter .btn-group .btn,
		#search-filter .btn-group #show-all-language  .btn {
            width: 33%;
        }
		#shop-hero #search-filter .btn-group .btn div span,
		#shop-hero #search-filter #location .btn-group .btn div span {
			font-size: 1rem;
		}
    	#search-results .list-group-item .row [class*=col-]:nth-child(2) {
			 padding: 0.5rem; 
		}
		#search-panel .list-group.books .list-group-item > .row {
        	background: none;
			position: relative;
			gap: 1rem;
			flex-wrap: nowrap;
			justify-content: flex-start;
			align-items: flex-start;
   		 }
    
    }