/*
Theme Name: Peekaboo Theme
Theme URI: https://opentech.co.ke/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://opentech.co.ke/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

:root {
	/* primary colors */
	--sky-blue: #5DC5E2;
	--moonstone : #07B5CE;
	--polynesian-blue: #2651A0;
	--windsor: #642885;
	--royal-purple: #724998;
	--fandango: #B9338C;
	--mulberry: #C85B9E;
	--venetian-red: #D80D21;
	--red: #E20612;
	--orange: #F7A100;
	--mikado-yellow: #FDC300;
	--canary: #FEED00;
	--pear: #BAD03F;
	--apple-green: #8BBB27;
	--forest-green: #2BA737;
	/* secondary colors */
	--black: #000000;
	--night: #0d0d0d;
	--jet: #333333;
	--gray: #808080;
	--dimgray: #696969;
	--darkgray: #A9A9A9;
	--silver: #C0C0C0;
	--lightgray: #D3D3D3;
	--gainsboro: #DCDCDC;
	--whitesmoke: #F5F5F5;
}

/*--------------------------------------------*/
.sky-blue-btn {
	background-color: var(--sky-blue);
}
.moonstone-btn {
	background-color: var(--moonstone);
}
.polynesian-blue-btn {
	background-color: var(--polynesian-blue);
}
.eminence-btn {
	background-color: var(--windsor);
}
.royal-purple-btn {
	background-color: var(--royal-purple);
}
.fandango-btn {
	background-color: var(--fandango);
}
.mulberry-btn {
	background-color: var(--mulberry);
}
.venetian-red-btn {
	background-color: var(--venetian-red);
}
.red-btn {
	background-color: var(--red);
}
.orange-btn {
	background-color: var(--orange);
}
.mikado-yellow-btn {
	background-color: var(--mikado-yellow);
}
.canary-btn {
	background-color: var(--canary);
}
.pear-btn {
	background-color: var(--pear);
}
.apple-green-btn {
	background-color: var(--apple-green);
}
.forest-green-btn {
	background-color: var(--forest-green);
}
.black-btn {
	background-color: var(--black);
}
.night-btn {
	background-color: var(--night);
}
.jet-btn {
	background-color: var(--jet);
}
.gray-btn {
	background-color: var(--gray);
}
.dimgray-btn {
	background-color: var(--dimgray);
}
.darkgray-btn {
	background-color: var(--darkgray);
}
.silver-btn {
	background-color: var(--silver);
}
.lightgray-btn {
	background-color: var(--lightgray);
}
.gainsboro-btn {
	background-color: var(--gainsboro);
}
.whitesmoke-btn {
	background-color: var(--whitesmoke);
}

/*--------------------------------------------*/

/* color classes */
.orange {
	color: var(--orange);
}
.apple-green {
	color: var(--apple-green);
}
.moonstone {
	color: var(--moonstone);
}
.fandango {
	color: var(--fandango);
}

/*--------------------------------------------*/

a:focus {
	outline: 0 !important;
}

/* SVG Logo Height */
#site-logo #site-logo-inner a img {
	height: 104px;
}
#site-logo #site-logo-inner a:hover img {
	-moz-opacity: 1;
	-webkit-opacity:1;
	opacity: 1;
}

/* sticky header */
#site-header {
	top: 0;
	position: sticky;
	/*width: 100%!important;
	transition: height .3s*/
}


form.woo_search.woo_bar_el input[type=search] {
	min-height: 20px;
	line-height: 1.3;
}
.woo_search_bar.woo_bar_el form.woo_search {
    /*display: flex;
    flex-wrap: nowrap;
    border: 1px solid #f0f0f0;
    border-radius: 10vh;
    padding: 3px 5px;
    background-color: white;*/
    box-shadow: 0px 3px 6px #00000017;
}

/* Header Section Account and Basket */
span.pk-user.small_icon,
span.pk-shopping-basket.small_icon {
	font-size: 28px;
	line-height: 0.6;
	/*vertical-align: bottom;*/
}
span.pk-user.large_icon,
span.pk-shopping-basket.large_icon {
	font-size: 38px;
}
.icon-shopping_basket_name,
.pkb-account span.pkb-account-text {
	font-size: 14px;
	font-family: "Quicksand", sans-serif;
	/*line-height: 0.8;*/
}
span.pk-user:before,
.icon-shopping_basket_name,
span.pk-shopping-basket:before,
.pkb-account-wrapper span.pkb-account-text {
	color: var(--silver);
}

.pkb-account-wrapper a:hover > .pk-user:before,
.pkb-account-wrapper a:hover > span.pkb-account-text,
.woo-cart-shortcode a:hover > .icon-shopping_basket_name,
.woo-cart-shortcode a:hover > span.pk-shopping-basket:before {
	color: var(--windsor);
	transition: .25s cubic-bezier(.17,.67,.52,.97);
}
span.wcmenucart-count {
	position: absolute;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 1rem;
	/*font-size: 1.425rem;*/
	text-align: center;
	padding: 0.1675rem;
	color: #ffffff;
	background: #633192;
	border: 1px solid #633192;
	border-radius: 50%;
}
.pk-shopping-basket.small_icon span.wcmenucart-count {
	/*left: 34px;*/
	top: -10px;
	width: 2rem;
	height: 2rem;
	line-height: 1.6rem;
}
.pk-shopping-basket.large_icon span.wcmenucart-count {
    top: -6px;
	/*left: 42px;*/
	width: 2.4rem;
	height: 2.4rem;
	line-height: 1.9rem;
}
.pkb-nav,
.navbar.pkb-navbar {
	display: flex;
	height: 100%;
}
.pkb-nav {
	gap: 20px;
	align-items: center;
}
.flex-row {
	flex-direction: row !important;
}
a.pkb-account,
a.wcmenucart-shortcode {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	height: 100%;
	flex-direction: column;
	gap: 6px;
}
.current-shop-items-dropdown {
	margin-top: 8px;
}

/* End of Header Section Account and Basket */
/*-------------------------------------
		WooCommerce CSS Section
--------------------------------------*/

/* Archive pages */
.woocommerce ul.products li.product .woo-entry-inner li.title h2 {
	margin-bottom: 0;
}
.woocommerce ul.products li.product .woo-entry-inner li.title a {
	font-size: 18px;
	line-height: 1.2;
	color: #333;
	font-weight: 700;
}
.woocommerce ul.products li.product ul.woo-entry-inner:hover {
	-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.woocommerce ul.products li.product ul.woo-entry-inner {
	padding-bottom: 10px;
}
.woocommerce ul.products li.product ul.woo-entry-inner {
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
span.price-prefix {
    color: var(--royal-purple);
}
.woocommerce ul.products li.product .price span.amount,
.woocommerce ul.products li.product .price del span.amount {
    color: var(--windsor);
}
.woocommerce ul.products li.product .woo-entry-inner .price, 
.woocommerce ul.products li.product .woo-entry-inner .price ins, 
.woocommerce ul.products li.product .woo-entry-inner .price del .amount {
    line-height: 1;
    font-weight: 600;
    font-size: 16px;
}
.woocommerce ul.products li.product ul.woo-entry-inner li, 
.woocommerce ul.products li.product ul.woo-entry-inner li.image-wrap {
    margin-bottom: 10px;
}


/* Archive pages */



/* Mini Cart */
.current-shop-items-dropdown.owp-mini-cart {
	border-top-color: var(--windsor);
}
div.current-shop-items-dropdown {
	background-color: #fff7f2;
}
.widget_shopping_cart p.total strong,
.widget_shopping_cart .total .woocommerce-Price-amount.amount,
.widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid h3 a,
.woocommerce-mini-cart-item.mini_cart_item span.woocommerce-Price-amount.amount,
.widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid.content .quantity {
	color: var(--gray);
}
.widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid a.remove.remove_from_cart_button {
	color: var(--dimgray);
	border: 1px solid var(--dimgray);
}
.widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid h3 a:hover {
	color: var(--windsor);
}
.widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid a.remove.remove_from_cart_button:hover {
	color: var(--windsor);
	border-color: var(--windsor);
}
.widget_shopping_cart_content .buttons a.button:first-child:hover {
	color: #ffffff;
	border-color: #fff7f2;
	background-color: var(--windsor);
}
.widget_shopping_cart_content .buttons a.checkout:hover {
	background-color: var(--windsor);
}

/* End of Mini Cart */


/*	WC Single Product Page CSS	*/

/* hide home from breadcrumbs of Single Product Page */
.single-product li.trail-item.trail-begin {
	display: none;
	visibility: hidden;
}
/* WooCommerce Product Gallery Slider */
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
	pointer-events: none;
}
.woocommerce div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
	width: 24%;
	float: left;
	margin-right: 1%;
}
.woocommerce div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(6n) {
	margin-right: 0;
}
.woocommerce div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(6n + 1) {
	clear: both;
}
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs li img {
	border-width: 2px;
	border-style: solid;
	border-color: rgb(217, 217, 217);
	border-image: initial;
	padding: 0;
}
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs li {
	margin-bottom: 10px !important;
}
ul.flex-direction-nav {
	position: absolute;
	top: 42%;
	z-index: 10;
	width: 88%;
	left: 12%;
	margin: 0;
	padding: 0px;
	list-style: none;
}
li.flex-nav-prev {
	float: left;
}
li.flex-nav-next {
	float: right;
}a.flex-next {
	visibility: hidden;
}
a.flex-prev {
	visibility: hidden;
}
a.flex-next::after {
	visibility: visible;
	content: '\e907';
	font-family: 'peekaboo-icons';
	margin-right: 10px;
	font-size: 40px;
	/*font-weight: bold;*/
}
a.flex-prev::before {
	visibility: visible;
	content: '\e908';
	font-family: 'peekaboo-icons';
	margin-left: 10px;
	font-size: 40px;
	/*font-weight: bold;*/
}
ul.flex-direction-nav li a {
	color: #633192;
}
ul.flex-direction-nav li a:hover {
	text-decoration: none;
}
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img,
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
	border-color: var(--fandango);
}
.woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs li img {
	-moz-opacity: .8 !important;
	-webkit-opacity: .8 !important;
	opacity: .8 !important;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

/** Home and Related Product List **/

body .pkb-home-products .oceanwp-row .col,
body .related.products .oceanwp-row .col {
    padding: 0 1.625rem;
}
/*body .pkb-home-products .oceanwp-row .col.first {
    padding-left: 0;
}*/
.woocommerce.pkb-home-products ul.products,
.woocommerce .related.products ul.products {
    margin: 0 -16px;
}

/** Related Product List **/
.woocommerce .related.products ul.products li.product .woo-entry-inner {
    margin: 0px 0px 1.25rem;
}


.woocommerce .owp-thumbs-layout-vertical span.onsale {
	left: 4% !important;
}
/* On Product Galley Single Product Page */
.woocommerce div.owp-thumbs-layout-vertical span.onsale {
	left: 5.6%;
}
@media (min-width: 769px) {
	/*.woocommerce div.product.entry.owp-thumbs-layout-vertical span.onsale {
		left: 8%;
	}
	.woocommerce div.product.owp-thumbs-layout-vertical.has-no-thumbnails span.onsale {
		left: 20px;
	}
	.woocommerce div.owp-thumbs-layout-vertical span.onsale {
		left: 5.6% !important;
	}*/
	.woocommerce div.product.owp-thumbs-layout-vertical div.images .flex-viewport {
		float: right;
		width: 88% !important;
	}
	.woocommerce div.product.owp-thumbs-layout-vertical div.images .flex-control-thumbs {
		float: left;
		width: calc(11.72% - 1em) !important;
		margin-right: 1.4rem;
		overflow-x: hidden;
	}
	.woocommerce div.product.owp-thumbs-layout-vertical div.images .flex-control-thumbs li {
		width: 100%;
	}
}
@media only screen and (max-width: 767px) {
	/* On Product Galley Single Product Page */
	.woocommerce div.has-product-nav span.onsale {
		top: 6.2rem !important;
	}
	
	ul.flex-direction-nav {
		top: 32%;
		width: 98%;
		left: 1%;
	}
	/** Home Product List **/
	.woocommerce li.has-product-nav span.onsale {
		top: 1.8rem !important;
	}
	/** Product Slider CSS **/
	.woocommerce div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-nav.flex-control-thumbs li {
		display: inline-block;
		width: 8%;
		float: none;
		margin-right: 1%;
	}
	/*.woocommerce div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-nav.flex-control-thumbs li:nth-child(4n+1) {
		clear: none;
	}*/
	.woocommerce div.product .woocommerce-product-gallery ol.flex-control-thumbs {
		margin-bottom: 2rem;
	}
	a.flex-prev::before {
		margin-left: 4px;
		font-size: 22px;
		font-weight: bold;
	}
	a.flex-next::after {
		margin-right: 4px;
		font-size: 22px;
		font-weight: bold;
	}
}
@media only screen and (max-width: 1080px) {
	/** Home Product List **/
	.woocommerce li.has-product-nav span.onsale {
		top: 1.0rem;
	}
	.woocommerce div.owp-thumbs-layout-vertical span.onsale {
		left: 7.6% !important;
	}
}

/* WooCommerce Product Summary */
ul.owp-product-nav li a.owp-nav-link i {
	line-height: 1.6;
}
.woocommerce div.product .product_title {
	padding: 0 0 8px;
}
.woocommerce div.product .woocommerce-product-rating div.star-rating {
	margin-top: 0;
}
.woocommerce div.product p.price {
	margin: 10px 0 0 !important;
}
div.product-short-description-icon {
	/*border: 1px solid #666;
	display: inline-block;*/
	margin: 0px;
	padding: 2px 0;
}
div.product-short-description-icon .pk-gift,
div.product-short-description-icon .pk-book-preview,
div.product-short-description-icon .pk-ship-24-hours {
	vertical-align: middle;
	font-size: 24px;
	margin: 0 8px 0 0;
}
div.product-short-description-icon span.product-short-description-text {
	/*line-height: 50px;*/
	vertical-align: middle;
}
div.product-short-description-icon .pk-book-preview::before {
	color: #632886;
}
div.product-short-description-icon .pk-book-preview:hover::before {
	color: #333;
}
div.product-short-description-icon span.product-short-description-text:hover {
	color: #632886;
}
div.product-short-description-icon.book-preview {
	display: inline-block;
	margin-bottom: 6px;
}
.woocommerce div.product div.woocommerce-product-details__short-description p:last-child {
	margin: 0;
	padding-top: 10px;
	/*line-height: 1.5;*/
	padding-bottom: 10px;
}

/* dearpdf */
.product-short-description-text div.df-popup-button {
	/*width: auto;*/
	display: unset;
	background: none;
	border-radius: 0;
	padding: 0px 0px;
	margin-left: 0px;
	margin-right: 0px;
}
.accordion {
	width: 100%;
	/*background-color: #EDEDED;*/
}
.accordion .accordion-head h4 {
	font-size: 16px;
}
.accordion .accordion-head {
	color: #fff;
	/*background-color: #3A84DE;*/
	/*border-bottom: 1px solid #fff;*/
	border-bottom: 1px solid #dbdde0;
	position: relative;
	/*padding: 13px;*/
	padding: 13px 14px;
	font-size: 0.87em;
	cursor: pointer;
	overflow: hidden;
}

.accordion .accordion-head * {
	cursor: pointer;
}

.accordion .accordion-head h4 {
	float: left;
	margin: 0 0 0px;
	/*color: var(--orange);*/
}
.accordion-body p {
	margin: 0 0 0px;
}
/*.accordion .accordion-head:hover {
	filter: alpha(opacity=80);
	opacity: 0.80;
}*/
.accordion .accordion-body {
	border-bottom: 1px solid #fff;
	padding: 20px;
	height: auto;
	display: none;
}
.accordion-head i.pk-arrow-down {
	/* position: absolute; */
	/* left: 0; */
	color: var(--windsor);
	float: right;
	/* width: 40px; */
	font-size: 17px;
	text-align: center;
	-moz-transition: all .2s linear 0s;
	-webkit-transition: all .2s linear 0s;
	transition: all .2s linear 0s;
}
.accordion-head i.pk-arrow-down {
	/*height: 40px;*/
	line-height: 1.4;
}
.accordion-head.open i.pk-arrow-down {
	transform: rotate(180deg);
}
.woocommerce .summary .accordion-body > ul {
	list-style: disc;
	margin: 0px 0 0 20px;
}
div.product .btn_personalise_product {
	display: block;
	margin-top: 10px;
	padding-top: 10px;
}
.btn_personalise_product > .btn--large {
	width: 100%;
}


/* comment form rating */
.comment-form-rating span.required,
.comment-form-comment span.required,
.comment-form-author span.required,
.comment-form-email span.required {
	top: 0;
	font-size: 18px;
	margin-left: 0;
	color: var(--pear);
}
/* Changing Padding & Alignment of Related Product Title */
.woocommerce .related.products h2 {
	text-align: center;
	margin: 0 0 30px;
}

.woocommerce .related ul.products li.product li.title h2,
.woocommerce .related ul.products li.product li.title a {
	display: inline-block;
	font-family: inherit;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
	color: #333;
	margin: 0 0 0;
}
.woocommerce .related ul.products li.product .price {
	line-height: 1;
	font-weight: 600;
	/*text-align: center;*/
}

/*-------------------------------------
	Book Customizer form Css Section
--------------------------------------*/

/** Book Customizer form Css **/
.book-customizer {
	background: #f1dfb8;
	padding-top: 50px;
	padding-bottom: 50px;
}
.jw-modal {
	display: none;
	/*background: #e1bb86;
	display: none;*/
}
.jw-modal.open {
	display: block;
}
.jw-modal.open {
	padding-bottom: 40px;
}
#footer-widgets.oceanwp-row {
	display: none;
}
.canvas-drawer-title {
	margin-bottom: 20px;
	margin-top: 20px;
}
.canvas-drawer-title.narrow-container {
	width: 100%;
	max-width: 450px;
}
.canvas-drawer-title-main span {
    font-size: 18px;
    font-weight: 700;
}
.canvas-drawer-title-main span, 
.canvas-drawer-title-description span {
    margin: 0 0 0;
}


.canvas-drawers-container {
	margin: 0 auto;
	max-width: 876px;
	padding: 0 1rem;
}
.fields-wrapper,
.canvas-drawers-content-wrap {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: normal;
}
.button-container,
.character-wrapper, .gender-wrapper,
.salutation-wrapper, .dedication-wrapper {
	margin-left: .25rem;
	margin-right: .25rem;
	width: calc(100% - .5rem);
}
.button-container,
.character-wrapper, .gender-wrapper,
.salutation-wrapper, .dedication-wrapper {
	max-width: 450px;
}
.fields-wrapper,
.button-container button.button {
	width: 100%;
}

.character-wrapper, .gender-wrapper,
.salutation-wrapper, .dedication-wrapper {
	margin-bottom: .5rem;
}

.fields-wrapper,
.cover-wrapper, .format-wrapper {
	margin-top: 2.6rem;
	margin-bottom: 2.6rem;
}

.salutation-wrapper #salutation,
.character-wrapper #childName {
	background-color: #fff;
	border: 2px solid #bdbdbb;
	border-radius: 2px;
	color: #23231e;
	line-height: 1.375;
	padding: .5rem;
	transition: .25s cubic-bezier(.17,.67,.52,.97);
	width: 100%;
}
.gender-wrapper #childGender {
	display: flex;
}
.ButtonRadioField__option {
	flex: 1 1 auto;
	position: relative;
}
.ButtonRadioField__option > .wccpf-text-radio-btn-wrapper span {
	text-align: center;
}
.ButtonRadioField__option > .wccpf-text-radio-btn-wrapper span {
	color: #706a64;
	background: #efefef;
	padding: 5px 10px;
}
.ButtonRadioField__option:not(:last-child) {
	margin-right: .5rem;
}
.ButtonRadioField__option > .wccpf-text-radio-btn-wrapper span {
	border-radius: 2px;
	cursor: pointer;
	text-align: center;
	transition: .25s cubic-bezier(.17,.67,.52,.97);
}
ul.wccpf-text-radio-choices-container li:last-child {
	margin-right: 0px;
}
textarea#dedication {
	width: 100%;
	height: 100%;
	resize: none;
	text-align: left;
}
.charcounter {
	text-align: end;
}
.text-danger {
	color: #dc3545;
}
.text-warning {
	color: #f9af0d;
}
.text-normal {
	color: #777;
}

/*** Dedication Section CSS ***/

.canvas-drawers-container.dedication-container {
    max-width: 100%;
    padding: 0 0;
}
.dedication-content-wrapper .narrow-container {
	max-width: 100%;
}

.content-wrapper {
	margin: 0 auto;
}
.content-wrapper.FlexContainer {
	margin-top: 2.6rem;
    margin-bottom: 2.6rem;
}
.content-wrapper {
	width: 100%;
	max-width: 1050px;
}
.FlexContainer {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	/*align-items: flex-start;*/
	align-items: center;
	/*align-content: flex-start;*/
	/*width: 65%;
	background-color: #2f1d58;
	height: 80vh;*/
	overflow: auto;
	flex-direction: column;
	gap: 32px;
}

.ded-img-container {
	/*flex-basis: 70%; /* Custom width for Item 1 */
	flex-grow: 0;
	flex-shrink: 0;
}
.fields-wrapper {
	/*flex-basis: 30%; /* Custom width for Item 1 */
	flex-grow: 1;
	flex-shrink: 1;
}

.content-wrapper .fields-wrapper {
    margin-top: 0;
    margin-bottom: 0;
}

/*** End of Dedication Section CSS ***/

/*** Image Radio Button CSS ***/
.ButtonCard,
.CarouselButtonCard,
.OfferCard,
.panel--border-shadow {
	box-shadow: 0 1px 3px rgba(35,35,30,.2);
}
div.CarouselButtonCard {
	background-color: #fff;
	/*border-radius: .40rem;*/
	border-radius: 0 0 .40rem .40rem;
	height: 100%;
	overflow: hidden;
	text-align: center;
}
.Badge, .ButtonCard__badge,
.CarouselButtonCard__badge,
.inline-label__tag, .Tag {
	font-size: 1.40rem;
	line-height: 1.8rem;
	font-weight: 400;
}
.cover-panel .Badge--highlight {
	color: #fff;
	font-weight: 600;
}
.format-panel .CarouselButtonCard__badge {
	color: #fff;
	/*font-weight: 600;*/
}
.CarouselButtonCard__badge {
/* 	background-color: #ffd15a; */
	background-color: var(--windsor, #642885);
	border-radius: .40rem .40rem 0 0;
	bottom: 100%;
	color: #23231e;
	left: 0;
	padding: .8rem;
	position: absolute;
	width: 100%;
}
.GenericFormatSelector__card-picture {
	display: block;
	/*padding-top: 61.087%;*/
	position: relative;
}
.GenericFormatSelector__card-image {
	display: block;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.CarouselButtonCard__body {
	background: #fff;
	border: none;
	cursor: pointer;
	outline: none;
	padding:  0.8rem 1.6rem;
	/*padding: 2rem .8rem;*/
}
.CarouselButtonCard__body--title,
.format-panel .CarouselButtonCard__body--title h5 {
	font-size: 1.4rem;
	line-height: 1.8rem;
}
.format-panel .CarouselButtonCard__body--title h5 {
	margin: 0 0 0px;
}
.format-panel .CarouselButtonCard__body--title {
	margin-bottom: 1.6rem;
}
.cover-panel .CarouselButtonCard__body--title {
	margin-bottom: .6rem;
}
.CarouselButtonCard__body--price {
	/*font-family: Atak,Noto Sans,Arial,sans-serif;*/
	font-weight: 600;
	white-space: nowrap;
}
.CarouselButtonCard__bottom {
	padding: 0 1.6rem;
	width: 100%;
}
.CarouselButtonCard__body--cta {
	margin: 1.0rem 0;
}
.Button--full-width {
	flex-grow: 1;
	margin-inline: auto;
	width: 100%;
}
.button_book_format {
	color: var(--button-text-color);
	--button-background-color: var(--brand-text-color,#23231e);
	--button-background-color-grey: var(--brand-text-color, #C0C0C0);
	--button-text-color: var(--brand-background-color,#fff);
	--transition-curve-in: cubic-bezier(.5,0,.7,.65);
	--transition-curve-out: cubic-bezier(.4,0,.6,1);
	align-items: center;
	background-color: var(--button-background-color-grey);
	border: 1px solid var(--button-background-color-grey);
	border-radius: 2px;
	cursor: pointer;
	display: inline-flex;
	font-weight: 500;
	padding: .75em 0.85em;
	position: relative;
	text-align: center;
	justify-content: center;
	line-height: 1.25;
	gap: .5rem;
	overflow: hidden;
	transition: color .2s var(--transition-curve-in),background-color .2s var(--transition-curve-in);
}
.cover-panel:hover .button_book_format,
.format-panel:hover .button_book_format {
	background-color: transparent;
	color: var(--button-background-color);
	transition: color .2s var(--transition-curve-out),background-color .2s var(--transition-curve-out);
}
div.wccpf-image-radio-btn-wrapper {
	/*border-color: #ccc;*/
	border: .0rem solid transparent;
}
div.wccpf-image-radio-btn-wrapper:hover {
	border-color: transparent;
}
div.wccpf-image-radio-btn-wrapper.active {
	/*border-color: #ccc;*/
	border: .35rem solid var(--windsor, #642885);
}
.wccpf-image-radio-btn-wrapper.active .CarouselButtonCard__bottom > .button_book_format,
.Button--secondary {
	--button-background-color-grey: var(--windsor, #642885);
}
/*.wccpf_fields_table.wccpf_HsVV9bwy6YZ1-wrapper,
.wccpf_fields_table.test-wrapper {
	margin-bottom: 1.8rem;
}*/

/** New CSS **/
.CarouselButtonCard.active:after {
	content: "";
	position: absolute;
	top: -1rem;
	right: -1rem;
	background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='15' fill='%232BA737'/%3E%3Cpath d='M10 15l3.75 3.75L20 12.5' stroke='%23fff' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: 2.5rem;
	height: 2.5rem;
	width: 2.5rem;
	z-index: 1;
}

.canvas-drawers-radio-container {
	margin: 0 auto;
	max-width: 100%;  /** changed from 1024px to 100% -Oct23 **/
	padding: 0 0;  /** changed from 0 1rem to 0 0 -Oct23 **/
}
.wccpf_fields_table.cover-wrapper,
.wccpf_fields_table.format-wrapper {
	width: 100%; /** added -Oct23 **/
}
.canvas-drawers-radio-container .canvas-drawer-title {
	width: 100%
}
.cover-wrapper, .format-wrapper {
	margin-top: 3.8rem;
}
label.wccpf-image-radio-btn-wrapper,
.cover-panel > div.wccpf-image-radio-btn-wrapper,
.format-panel > div.wccpf-image-radio-btn-wrapper {
	width: unset;
	height: unset;
	/*display: block;
	border: unset;
	cursor: pointer;*/
	padding: 0;
}
.GenericFormatSelector__format-items {
	display: flex;
	/*flex-direction: column;*/
	justify-content: flex-start;
	flex-wrap: nowrap;
	/*width: 100%;*/
	/*justify-content: center;*/
	gap: 32px;  /** added -Oct23 **/
}
.GenericFormatSelector__format-items--item {
	cursor: pointer;
	flex-grow: 1; /* Allows items to grow and fill available space */
	flex-shrink: 0; /* Prevents items from shrinking below their flex-basis */
	flex-basis: 100%;
	float: left;
	margin: 2rem 0 0; /** changed left and right margin from 0.8 to 0.0 -Oct23 **/
	/*max-width: 500px;*/
	position: relative;
}
.GenericFormatSelector__format-items--item.has-margin-top,
.GenericFormatSelector__format-items--item.has-no-badge {
	margin-top: 0;
}
#bookCover .GenericFormatSelector__format-items--item.has-margin-top,
#bookFormat .GenericFormatSelector__format-items--item.has-margin-top {
	display: flex;
}
#bookCover div.CarouselButtonCard {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/*** End of Image Radio Button CSS ***/

/* Media Query */
/*** Validation Message CSS ***/
.validation-wrapper {
	/*display: flex;*/
	justify-content: center;
	height: 100%;
	width: 100%;
	padding: 15px;
	gap: 5px;
	position: relative;
	/*width: 100%;*/
	z-index: 3;
}
.validation-message {
	background: #ffcc37;
	box-shadow: 0 1px 1px rgb(0 0 0 / 30%);
	color: #3a4d5f;
	display: none;

}
.validation-message {
	align-self:center;
}
.validation-message-padded {
	padding: .2rem;
	/*max-width: 448px;*/
}
.validation-message-absolute {
	/*bottom: 6.5rem;*/
	position: absolute;
	text-align: center;
	width: 20%;
	padding-right: 10px;
	padding-left: 10px;
	left: 40%;
	opacity: 0.7;
}
.adventurer-gender-input .validation-message-absolute {
	bottom: 7.4rem;
}
.dedication > .validation-message-absolute {
	bottom: 4.5rem;
}
.validation-message-visible {
	display: block;
}
/*** Button CSS ***/

.button-container.next_button,
.button-container.previous_button {
	text-align: center;
}

.button-wrapper .text-center,
.button-wrapper .add-cart-form,
.button-container button.button {
	margin-top: .8rem;
}
.button-wrapper .text-center,
.button-wrapper .add-cart-form,
.button-container button.button {
	margin-bottom: .6rem;
}

.button-container button.button,
.button-wrapper .add-cart-form button.button {
	/*padding: .75em 2em;*/
	max-width: 350.33px;
	width: 100%;
}
.button-full-width {
	margin-inline: auto;
	width: 100%;
}
.back_button.button-full-width {
	background: none;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
	padding: 0;
	text-align: center;
}
button.back_button {
	color: #242526;
}
.back_button:hover {
	color: #1e5751;
}
.add-cart-form button.button.alt[aria-disabled="true"],
[aria-disabled="true"] {
	opacity: 0.5;
}

/*** book Preview CSS ***/

.book-details-wrapper {
	margin-top: 30px;
	margin-bottom: 30px;
	/*min-height: 440px;*/
}
.wrapper {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	width: 100%;
}
.book-viewport.book-content {
	position: relative;
	width: 100%;
	height: 100%;
}
.book-viewport.book-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.book-preview.inner-wrapper {
	position: absolute;
	/*width: 100%;*/
}



.content-label-wrapper {
	min-width: 130px;
	width: 100%;
}
.content-label-wrapper.pkb-label-container {
	max-width: min-content;
}
.text-center,
.heading-section {
	text-align: center;
}
.book-details {
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-template-rows: 1fr;
	gap: 0px 20px;
	min-height: 420px;
}
.book-text-content {
	display: flex;
	flex-direction: column;
	/*align-items: center;*/
}
.text-content-wrapper {
	display: flex;
	flex-direction: row;
}
.content-text p {
	/*margin-bottom: 1.333em;*/
	margin-bottom: 0;
}
.text-600 {
    font-weight: 600;
    margin-right: 10px;
}

input[type=checkbox].form-check-input {
	width: 20px;
	height: 20px;
	border: 1px solid #bbb;
}
input[type=checkbox].form-check-input::before {
	width: 20px;
	line-height: 20px;
	font-size: 18px;
}
@-webkit-keyframes sonar  {
	from {
		box-shadow: 0 0 0 0 #E20612, 0 0 2px 1px rgba(0, 0, 0, 0.4);
	}
	to {
		box-shadow: 0 0 0 8px rgba(255, 147, 223, 0), 0 0 2px 1px rgba(0, 0, 0, 0.4);
	}
}
@keyframes sonar {
	from {
		box-shadow: 0 0 0 0 #E20612, 0 0 2px 1px rgba(0, 0, 0, 0.4);
	}
	to {
		box-shadow: 0 0 0 8px rgba(255, 147, 223, 0), 0 0 2px 1px rgba(0, 0, 0, 0.4);
	}
}
input[type=checkbox].error {
	width: 20px;
	height: 20px;
	/*border-radius: 50%;
	background-color: #ff93df;*/
	border: 1px solid #E20612;
	-webkit-animation: sonar 900ms ease-out infinite;
	animation: sonar 900ms ease-out infinite;
}

/*** Add to cart Form CSS for Customizer ***/
div.button-wrapper {
    width: 100%;
    text-align: center;
}

/* Media Query for Book Customizer form Css */


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 1024px) {
  .book-details {
	grid-template-columns: 1fr;
	grid-template-columns: 1fr;
	gap: 30px 20px;
}
}








/* Extra small devices (portrait phones, less than 576px) */
/* No media query for 'xs' since this is the default in Bootstrap */

/* Small devices that are 459px or less */
@media (max-width: 459px) {
	.GenericFormatSelector__format-items {
		flex-direction: column;
		justify-content: flex-start;
		margin: 0 auto;
		width: 100%;
	}
	.cover-wrapper, .format-wrapper {
		margin-top: 1.6rem;
		margin-bottom: .6rem;
	}
	.GenericFormatSelector__format-items--item.has-no-badge,
	.GenericFormatSelector__format-items--item.has-margin-top {
		margin-top: 2.2rem;
		margin-bottom: 2.2rem;
		padding-bottom: 1.2rem;
	}
	/*.book-details {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
	}*/
}

/* Small devices (landscape phones, 576px and up) */
/*@media (min-width: 576px) {

}*/

/* Small devices that are 460px and up */
/*@media (min-width: 460px) {*/
@media (min-width: 460px) and (max-width: 719px) {
	#bookCover .GenericFormatSelector__format-items {
		flex-direction: row;
	}
	#bookCover .GenericFormatSelector__format-items--item {
		align-self: auto;
		flex-basis: calc(25.33% - 20px);
		/*max-width: 250.3333333333px;*/
		max-width: 350.3333333333px;
	}
	#bookFormat .GenericFormatSelector__format-items {
		flex-direction: column;
		justify-content: flex-start;
		margin: 0 auto;
		width: 70%;
	}
	.format-wrapper {
		margin-top: 1.6rem;
		margin-bottom: .6rem;
	}
	#bookFormat .GenericFormatSelector__format-items--item.has-no-badge,
	#bookFormat .GenericFormatSelector__format-items--item.has-margin-top {
		margin-top: 2.2rem;
		margin-bottom: 2.2rem;
		padding-bottom: 1.2rem;
	}
	/*.book-details {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
	}*/
	.validation-message-absolute {
		width: 56%;
		left: 22%;
	}
}
/* Medium devices (tablets, 720px and up) */
@media (min-width: 720px) {

	.FlexContainer {
		flex-direction: row;
	}

	.GenericFormatSelector__format-items {
		flex-direction: row;
		margin: 0 auto;
	}
	.GenericFormatSelector__format-items--item {
		align-self: auto;
		 /*
   		  * flex-basis: calc(33.333% - (2 * 32px / 3));
   		  * This calculation ensures three items fit per row while accounting for the gap.
   		  * 33.333% is for equal distribution, and the subtraction adjusts for the gap space.
   		  * (2 * 32px / 3) accounts for the two gaps between three items.
   		*/
   		flex-basis: calc((100% - (2 * 32px)) / 3);
		/*flex-basis: calc(25.33% - 20px);*/
		/*max-width: 250.3333333333px;*/
		/*max-width: 350.3333333333px;*/
		max-width: 405.33px;
	}
	.cover-wrapper, .format-wrapper {
		margin-top: 1.8rem;
	}
	.GenericFormatSelector__format-items--item.has-margin-top,
	.GenericFormatSelector__format-items--item.has-no-badge {
		margin-top: 2.60rem;
	}
	div.CarouselButtonCard {
		align-items: center;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.CarouselButtonCard__body--title,
	.format-panel .CarouselButtonCard__body--title h5{
		font-size: 1.8rem;
		line-height: 2.4rem;
		font-weight: 500;
	}
	.CarouselButtonCard__body--price {
		display: block;
	}
	/*.CarouselButtonCard__body--title {
		margin-bottom: 1rem;
	}*/
	/*.book-details {
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
	}*/
}
/* Large devices (desktops, 992px and up) */
/*@media (min-width: 992px) { ... }*/

/* Extra large devices (large desktops, 1200px and up) */
/*@media (min-width: 1200px) { ... }*/


/*--------------------------------------------
	End of Book Customizer form Css Section
----------------------------------------------*/

/** End of Book Customizer form Css **/

/*** Reduce the width of product reviews ***/
div#tab-reviews {
	max-width: 800px;
	margin: auto;
}

/*	End of WC Single Product Page CSS	*/

/*	WC Basket Page	*/
/*Cart Product Remove button CSS*/
div.woocommerce table.shop_table a.remove {
	font-size: 18px;
	width: 25px;
	height: 25px;
	line-height: 26px;
}
/*Cart Product Name CSS*/
.woocommerce table.shop_table td.product-name a {
	font-size: 16px;
	font-weight: 600;
}
/*Cart total CSS*/
.woocommerce table.shop_table dl.variation p {
	margin: 0 0 4px;
	word-wrap: break-word;
}

/*Cart Product Image CSS*/
.woocommerce-cart table.cart img {
	width: auto;
	/* 260px */
	max-width: 260px !important;
}

/*Cart table columns heading CSS*/
.woocommerce table.shop_table td.product-remove,
.woocommerce table.shop_table td.product-thumbnail,
.woocommerce table.shop_table td.product-price,
.woocommerce table.shop_table td.product-quantity,
.woocommerce table.shop_table td.product-subtotal {
	vertical-align: top;
}
.woocommerce table.shop_table td.product-name {
	padding: 0.8em;
	vertical-align: top;
	text-transform: capitalize;
	border-color: #eaeaea;
	width: 50%;
}
/*Cart Basket Total Header CSS*/
.woocommerce .cart-collaterals .cart_totals > h2 {
	font-size: 16px;
	margin: 0 -20px 0;
}
/*Cart Custom Fields Name Front and Margin CSS*/
.wccpf-cart-data-editor ul.wccpf-cart-editor-ul li:first-child,
div.wccpf-pricing-group-on-cart ul li:first-child {
	margin-right: 10px;
	font-weight: 500;
}
/*Cart total CSS*/
.woocommerce-cart .cart-collaterals .cart_totals tr.order-total td span.woocommerce-Price-amount.amount {
	font-size: 16px;
}
/*Cart Discount Input Box CSS*/
.woocommerce-cart table.cart td.actions .input-text {
	height: auto;
}
/*Cart Total Table first Child CSS */
.woocommerce-cart .cart-collaterals .cart_totals table tbody tr:first-child th,
.woocommerce-cart .cart-collaterals .cart_totals table tbody tr:first-child td {
	padding-top: .8em;
}
/*Cart Custom Fields Front Size CSS*/
.woocommerce-cart-form__cart-item .wccpf-cart-data-editor > fieldset {
	font-size: 14px;
}
/*Cart Custom Fields Padding CSS*/
.woocommerce-cart-form__cart-item ul.wccpf-cart-editor-ul {
	padding-left: 0;
}
/*Cart Shipping Price CSS*/
ul#shipping_method.woocommerce-shipping-methods li label {
	padding-left: 0;
}
ul#shipping_method li label .woocommerce-Price-amount {
	font-weight: normal;
	vertical-align: middle;
	color: #525252;
	font-size: 16px;
}

/*	End of WC Basket Page	*/
/*	WC Checkout Page	*/

/* Unset max-width of the form.checkout */
#checkout-wrapper form.checkout.pkb-checkout {
	max-width: unset;
}
form.checkout.pkb-checkout .pkb-fields-wrapper {
	max-width: 850px;
	margin: 0 auto;
}

#checkout-wrapper #order_review.pkb-wc-checkout-review-order {
	max-width: 980px;
}
div.pkb-checkout-review-order {
	display: flex;
	flex-direction: column;
	gap: 2%;
}
.pkb-review-order-checkout {
	flex-basis: auto;
	width: 100%;
	height: auto;
}
.pkb-payment-checkout {
	flex-basis: auto;
	width: 100%;
	height: auto;
}
.pkb-review-order-checkout .wccpf-cart-data-editor {
	display: none;
}
/* WooCommerce Layout Structure */
@media (min-width: 980px) {
	div.pkb-checkout-review-order {
		flex-direction: row;
	}
	/* Billing Details Side */
	.pkb-review-order-checkout {
		width: 50%;
	}
	/* Order Review Side */
	.pkb-payment-checkout {
		width: 47%;

	}
	.pkb-payment-checkout #payment {
		position: sticky;
		top: 210px;
		/*z-index: -1;*/
	}
	#owp-checkout-timeline {
		position: sticky;
		top: 124px;
	}
	ul#owp-checkout-timeline {
		z-index: 10;
	}
}

.woocommerce #order_review.pkb-wc-checkout-review-order table.shop_table td {
	border: none;
	padding: 4px 10px;
	text-align: right;
}
.woocommerce-page .pkb-checkout-wrapper form #shipping_state_field.form-row-wide,
.woocommerce-page .pkb-checkout-wrapper form #shipping_postcode_field.form-row-wide,
.woocommerce-page .pkb-checkout-wrapper form #shipping_country_field.form-row-wide,
.woocommerce-page .pkb-checkout-wrapper form #billing_city_fields.form-row-wide,
.woocommerce-page .pkb-checkout-wrapper form #billing_state_field.form-row-wide,
.woocommerce-page .pkb-checkout-wrapper form #billing_postcode_field.form-row-wide {
	/*clear: initial;*/
	clear: none;
}

#checkout-wrapper.pkb-checkout-wrapper form.checkout #shipping_country_field,
#checkout-wrapper.pkb-checkout-wrapper form.checkout #billing_country_field {
	float: left;
	width: 30.67%;
	/*width: 48%;*/
	margin-right: 0;
}
#checkout-wrapper.pkb-checkout-wrapper form.checkout #billing_state_field,
#checkout-wrapper.pkb-checkout-wrapper form.checkout #shipping_state_field,
#checkout-wrapper.pkb-checkout-wrapper form.checkout #shipping_postcode_field,
#checkout-wrapper.pkb-checkout-wrapper form.checkout #billing_postcode_field {
	float: left;
	width: 30.66%;
	margin-left: 4%;
	/*width: 48%;*/
}

#checkout-wrapper.pkb-checkout-wrapper form.checkout #billing_phone_field,
#checkout-wrapper.pkb-checkout-wrapper form.checkout #billing_email_field {
	float: none;
}
#checkout-wrapper.pkb-checkout-wrapper form.checkout #billing_phone_field,
#checkout-wrapper.pkb-checkout-wrapper form.checkout #billing_email_field {
	width: 100%;
	clear: both;
}


@media only screen and (max-width: 959px) {
	.woocommerce-checkout form.checkout_coupon .form-row-first,
	.woocommerce-checkout form.checkout_coupon .form-row-last {
		float: none;
		width: 100%;
		margin: 0;
	}
	.woocommerce-checkout form.checkout_coupon .form-row-last {
		margin-top: 10px;
	}
}
@media only screen and (max-width: 767px) {
	#checkout-wrapper.pkb-checkout-wrapper form.checkout #shipping_country_field,
	#checkout-wrapper.pkb-checkout-wrapper form.checkout #shipping_state_field,
	#checkout-wrapper.pkb-checkout-wrapper form.checkout #shipping_postcode_field,
	#checkout-wrapper.pkb-checkout-wrapper form.checkout #billing_state_field,
	#checkout-wrapper.pkb-checkout-wrapper form.checkout #billing_country_field,
	#checkout-wrapper.pkb-checkout-wrapper form.checkout #billing_postcode_field {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-left: 0 !important;
	}
	.woocommerce .form-row-last {
		float: none;
		width: 100%;
	}
}


/*	End of WC Checkout Page	*/

/*	WC Basket Page	*/


/*	End of WC Basket Page	*/



/*-------------------------------------
	End of WooCommerce CSS Section
--------------------------------------*/


/** Flip Book CSS **/

.flipbook {
	height: 100%;
	transition: margin-left 0.25s ease-out;
	width: 100%;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.flipbook .page {
	height: 100%;
	width: 100%;
}

.flipbook .page img {
	max-width: 100%;
	height: 100%;
}



.flipbook .even:not(.new-classx) .gradient{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:-webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.2)));
	background-image:-webkit-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-moz-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-ms-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-o-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
}

.flipbook .odd:not(.p1x) .gradient{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:-webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.15)));
	background-image:-webkit-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-moz-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-ms-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-o-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
}

.flipbook .shadow {
	-webkit-transition: -webkit-box-shadow 0.5s;
	-moz-transition: -moz-box-shadow 0.5s;
	-o-transition: -webkit-box-shadow 0.5s;
	-ms-transition: -ms-box-shadow 0.5s;
	-webkit-box-shadow: 0 0 20px #ccc;
	-moz-box-shadow: 0 0 20px #ccc;
	-o-box-shadow: 0 0 20px #ccc;
	-ms-box-shadow: 0 0 20px #ccc;
	box-shadow: 0 0 20px #ccc;
}

.ui-arrow-next-page, .ui-arrow-previous-page {
	width: 30px;
	height: 60px;
	position: absolute;
	top: 50%;
	top: calc(50% - 30px);
	right: -40px;
	z-index: 10;
	background-image: url(images/arrows@2x.png);
	background-size: 60px 120px;
	background-position: 0 0;
	opacity: 0.5;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	transition: opacity 0.2s;
	cursor: pointer;
}

.ui-arrow-previous-page {
	background-position: 30px 0;
	right: auto;
	left: -40px;
}


/** End of Flip Book CSS **/