/*
 * jQuery Booklet Plugin
 * Copyright (c) 2010 - 2014 William Grauvogel (http://builtbywill.com/)
 *
 * Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php)
 *
 * Version : 1.4.4
 *
 * Originally based on the work of:
 *	1) Charles Mangin (http://clickheredammit.com/pageflip/)
 */

 @import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&family=Didact+Gothic&family=Manrope:wght@500&family=Open+Sans+Condensed:wght@300&family=Roboto+Slab:wght@500&display=swap');

	.booklet         {width:770px; height:400px; position:relative; margin:0 auto; overflow:visible !important;}
	.booklet .b-page {left:0; top:0; position:absolute; overflow:hidden; padding:0; outline:1px solid rgba(0,0,0,0);}
		   
   	/* Page Wrappers */
	.booklet .b-wrap       {top:0; position:absolute; box-sizing: initial;}
	.booklet .b-wrap-left  {background:rgb(253,253,253);}
	.booklet .b-wrap-right {background:rgb(248,248,248);}
	
	.booklet .b-pN .b-wrap,
	.booklet .b-p1 .b-wrap,
	.booklet .b-p2 .b-wrap,
	.booklet .b-p3 .b-wrap,
	.booklet .b-p4 .b-wrap  {left:0;}
	.booklet .b-p0 .b-wrap  {right:0;}
	
   	/* Custom Page Types */
	.booklet .b-page-blank  {padding:0; width:100%; height:100%;}
	.booklet .b-page-cover  {padding:0; width:100%; height:100%; background:#925C0E;}
	.booklet .b-page-cover h3  {color:#fff; text-shadow:0 1px 3px #222;}
   
   	/* Page Numbers */
	.booklet .b-counter {    
		bottom: 5px;
		position: absolute;
		display: block;
		width: 15px;
		height: 15px;
		/* background: #ccc; */
		color: #444;
		text-align: center;
		font-family: arial;
		font-weight: 700;
		font-size: 12px;
		padding: 5px 0 0;
	}
	.booklet .b-wrap-left  .b-counter  {left:10px;}
	.booklet .b-wrap-right .b-counter {right:10px;}
   
   	/* Page Shadows */
	.booklet .b-shadow-f  {right:0; top:0; position:absolute; opacity:0; background-image:url("../images/shadow-top-forward.png"); background-repeat:repeat-y; background-position:100% 0;}
	.booklet .b-shadow-b  {left:0;  top:0; position:absolute; opacity:0; background-image:url("../images/shadow-top-back.png");    background-repeat:repeat-y; background-position:0 0;}
	
	.booklet .b-p0 {background-image:url("../images/shadow.png"); background-repeat:repeat-y; background-position:100% 10px;}
	.booklet .b-p3 {background-image:url("../images/shadow.png"); background-repeat:repeat-y; background-position:0 10px;}
	
   	/* Overlay Controls */
	.booklet .b-grab     {cursor: url("../images/openhand.cur"), default;}
	.booklet .b-grabbing {cursor: url("../images/closedhand.cur"), default;}
	
   	/* Overlay Controls */
	.booklet .b-overlay      {top:0; position:absolute; height:100%; width:50%;}
	.booklet .b-overlay-prev {left:0;}
	.booklet .b-overlay-next {right:0;}
	
   	/* Tab Controls */
	.booklet .b-tab        {background:#000; height:40px; width:100%; padding:10px 0 0; text-align:center; color:#ccc; position:absolute; font-size:11px;}
	.booklet .b-tab-prev   {left:0;}
	.booklet .b-tab-next   {right:0;}
	.booklet .b-tab:hover  {background:#aaa; color:#000;}	
	
   	/* Arrow Controls */
	.booklet .b-arrow          {display:block; position:absolute; text-indent:-9999px; top:0; height:100%; width:74px;}
	.booklet .b-arrow div      {display:none; text-indent:-9999px; height:170px; width:74px; position:absolute; left:0; top:25%;}
	.booklet .b-arrow-next     {right:-80px;}
	.booklet .b-arrow-prev     {left:-80px;}
	.booklet .b-arrow-next div {background:url("../images/arrow-next.png") no-repeat left top;}
	.booklet .b-arrow-prev div {background:url("../images/arrow-prev.png") no-repeat left top;}
		
/* @z-index fix (needed for older IE browsers)
----------------------------------------*/

    body              {z-index:0;}
    .b-menu           {z-index:100;}
    .b-selector       {z-index:100;}
    .booklet          {z-index:10;}
    .b-pN             {z-index:10;}
    .b-p0             {z-index:30;}
    .b-p1             {z-index:20;}
    .b-p2             {z-index:20;}
    .b-p3             {z-index:30;}
    .b-p4             {z-index:10;}
    .b-prev           {z-index:40;}
    .b-next           {z-index:40;}
    .b-counter        {z-index:40;}
	
/* @Menu Items
----------------------------------------*/

	#customMenu {
		display: inline-block;
		width: 70px
	}

	#customMenu ul {
		width: 134px;
		padding-right: 15px;
		padding-left: 15px;
		box-shadow: rgb(252, 250, 245) 0px 0px 2px 0px;
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
	}

	#customMenu ul li {
		padding: 5px 0 !important;
		margin: 0;
	}

	#customMenu ul li a {
		line-height: 14px;
	}

	#customMenu ul li a:hover {
		color: #000;
		font-weight: 600;
	}

	.b-menu { 
		/*height:40px; */
		/*padding:0 0 10px;*/
	}
	
	.b-selector             {
		/* height:40px; */
		position:relative; 
		/* float:right; */
		border:none; color:#cecece; cursor:pointer; font:normal 12px "Myriad Pro", Myriad, "DejaVu Sans Condensed","Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;}
	.b-selector .b-current  {
	/*	padding:8px 15px 12px; 
		line-height:20px; */
		padding: 9px 15px 18px;
		line-height: 9px;
		min-width:18px; 
		height:16px; 
		display:block; 
		background:#000; 
		color: #fff !important;
		text-align:center;
	}
	.b-selector-page        {
		width:auto; 
		/* margin-left:15px; */
	}
	.b-selector-chapter     {width:auto;}
	
	.b-selector:hover            {color:#fff; background-position:left 0;}
	.b-selector:hover .b-current {background-position:right 0;}
	.b-selector ul               {
		overflow:hidden; 
		margin:0; list-style:none !important; position:absolute; 
		top:30px; 
		right:-33px; 
		padding:0 0 10px; 
		background:#000; 
		/* width:240px; */
	}
	.b-selector li               {border:none;}
	.b-selector a                {
		color:#fff !important; 
		height:14px; 
		text-decoration:none; 
		display:block; 
		border-bottom: none !important;
	  /* padding:5px 10px; */
	}
	.b-selector a .b-text        {float:left; clear:none;}
	.b-selector a .b-num         {float:right; clear:none;}
	.b-selector a:hover          {color:#fff;}

/* wrapper */
#booklet-prev, #booklet-next {
	font-size: 14px;
	padding: 5px 10px;
	margin: 10px 5px;
	text-transform: capitalize;
	text-decoration: none;
	background: #0066bf;
}
img.img-logo {
	max-height: 50px !important;
	width: auto !important;
}

p.single-excerpt {
	-webkit-line-clamp: 3;
}
#book-labels {
	margin-bottom: 10px;
	display: flex;
    justify-content: center;
}

label.book-labels {
    width: 18%;
    color: #fff;
    padding: 5px 10px;
    margin-right: 10px;
    background: #000;
    border-radius: 3px;
	cursor: pointer;
	display: flex;
    justify-content: center;
	align-items: center;
	text-align: center;
}
@media screen and (min-width: 1081px) {
	.booklet-wrapper {
		display: flex;
		align-items: center;
		background-repeat: no-repeat;
		margin: 0 auto;
	}

	.booklet-wrapper {
		width: 774px;
    	height: 400px;
		background-size: 100% 100%;
		background-position: center;
		border-radius: 5px;
		background: #fff;
    	box-shadow: 0 1px 15px -6px #000;
	}

	#booklet-controls {
		text-align: center;
	}

	div#mybook p {
		font-family: "Didact Gothic";
		font-weight: 600;
	}

	div#mybook p {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		padding: 0;
	}

	.p-single .page-inner p, .p-double .page-inner:first-child p { 
		-webkit-line-clamp: 3;
	}

	.p-double .page-inner:last-child p {
		-webkit-line-clamp: 6;
	}

	div#mybook a {
		color: #111111;
		border-bottom: none;
	}

	div#mybook p a {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}

	div#mybook img {
		object-fit: cover;
		border-radius: 2px;
	}

	div.p-image {
		height: 100%;
		align-items: center;
		justify-content: center;
		display: flex;
	}
	img.book-image {
		max-height: 370px;
		width: auto;
		margin: 0 auto; 
	}

	.p-single img {
		height: 270px;
	}

	.p-single.has-logo img {
		height: 220px;
	}

	img.img-logo {
		margin: -5px auto 5px;
		width: auto;
		display: block;
	}

	p.single-excerpt {
		line-height: 19px;
    	font-size: 15px;
	}

	.p-double .page-inner:first-child img {
		height: 185px;
	}

	.p-double .page-inner:last-child {
		margin-top: 5px;
		padding-top: 10px;
		border-top: 1px solid #d2d2d2;
	}

	.b-wrap-left .p-double .page-inner:last-child img {
		float: right;
	}

	.b-wrap-left .p-double .page-inner:last-child p {
		padding-right: 10px;
		text-align: right;
	}

	.b-wrap-right .p-double .page-inner:last-child img {
		float: left;
	}

	.b-wrap-right .p-double .page-inner:last-child p {
		padding-left: 10px;
		text-align: left;
	}

	.p-double .page-inner:last-child img {
		width: 50%;
		float: left;
		height: 140px;
		object-fit: cover;
	}

	.p-single .page-inner p {
		font-size: 16px;
		line-height: 22px;
		margin: 10px 0 0;
	}

	.p-single .page-inner p.single-excerpt {
		margin-top: 10px;
		margin-bottom: 0;
	}

	.p-double .page-inner:first-child p {
		font-size: 18px;
		line-height: 24px;
		margin-top: 5px;
		margin-bottom: 15px;
	}

	.p-double .page-inner:last-child p {
		float: left;
		font-size: 16px;
		line-height: 22px;
		width: 50%;
		box-sizing: border-box;
	}
}

@media screen and (max-width: 1080px) {
	.page-inner p.title-link {
		bottom: 0;
		padding: 0;
	}
	img.img-logo {
		background: rgba(255,255,255,0.25);
		padding: 0 5px;
	}
	div#mybook {
		padding-bottom: 50px;
		box-shadow: 0px 0px 6px -3px #000;
	}
	#booklet-prev.slick-arrow {
		bottom: 0;
		position: absolute;
		left: 39%;
	}
	#booklet-next.slick-arrow {
		bottom: 0;
		position: absolute;
		right: 39%;
	}
	.p-single.has-logo {
		position: relative;
	}
	.p-single.has-logo img.img-logo {
		position: absolute;
	}
	p.single-excerpt {
		display: none;
	}
	div#mybook p {
		margin: 0 !important;
		width: 100%;
	}
	#mybook .slick-track {
		background: rgb(255, 255, 255);
	}
	div#mybook img {
		width: auto;
		height: 350px;
		object-fit: cover;
		margin: 0 auto;
	}
	div#mybook img.wp-post-image {
		width: 100%;
	}
	.p-double .page-inner:last-child img {
		max-height: 290px;
	}
	.p-double .page-inner:last-child img {
		max-height: 180px;
	}
	#booklet-controls {
		display: none;
	}
	div#mybook p {
		font-family: 'Open Sans', Trebuchet MS, sans-serif !important;
		font-weight: 600;
	}
	.p-single, .p-double .page-inner:first-child {
		position: relative;
	}
	div#mybook p a {
		color: #fff;
	}
	.p-double .page-inner:first-child img {
		height: 320px;
	}
	.p-double .page-inner:first-child {
		margin-bottom: 20px;
	}
	.p-double .page-inner:last-child {
		background: rgba(155, 205, 110, 1);
		overflow: hidden;
	}
	.p-double .page-inner:last-child img {
		height: 160px;
		width: 50%;
		float: left;
	}
	.p-double .page-inner:last-child p {
		width: 50%;
		padding: 5px 10px;
		float: left;
		box-sizing: border-box;
	}

	.page-inner {
		background-repeat: no-repeat;
		background-position: center;
		background-size: 100% 100%;
		border-radius: 15px;
	}

	.p-single p, .p-double .page-inner:first-child p {
		position: absolute;
		left: 0;
		right: 0;
		padding: 0 26px;
	}

	.p-single p a, .p-double .page-inner:first-child p a {
		display: block;
		background:rgba(0, 0, 0);
		border-bottom: none;
		padding: 10px;
	}

	p.single-excerpt {
		display: none;
	}

}
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.p-double .page-inner:last-child p {
		font-size: 20px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1080px) {
	#booklet-prev.slick-arrow {
		left: 45%;
		transform: translatex(-50%);
	}
	#booklet-next.slick-arrow {
		right: 45%;
		transform: translatex(50%);
	}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
	div#mybook img {
		height: 400px;
	}

	#booklet-prev.slick-arrow {
		left: 45%;
		transform: translatex(-50%);
	}
	#booklet-next.slick-arrow {
		right: 45%;
		transform: translatex(50%);
	}
}
@media screen and (min-width: 481px) and (max-width: 1080px) {
	div#mybook .p-single p {
		font-size: 22px;
	}

	div#mybook .p-double .page-inner:first-child p {
		font-size: 18px;
	}

	.p-single p, .p-double .page-inner:first-child p {
		/* padding: 20px; */
		bottom: 5px;
	}
}
@media screen and (max-width: 480px) {
	div#mybook img {
		height: 300px;
	}

	.p-single p, .p-double .page-inner:first-child p {
	/*	padding: 10px; */
		bottom: 4px;
	}

	#booklet-prev.slick-arrow {
		left: 42%;
		transform: translatex(-50%);
	}
	#booklet-next.slick-arrow {
		right: 42%;
		transform: translatex(50%);
	}

}
@media screen and (max-width: 375px) {
	div#mybook .p-single p {
		font-size: 16px;
	}

	div#mybook .p-double .page-inner:first-child p {
		font-size: 16px;
	}

	.p-double .page-inner:last-child p {
		font-size: 16px;
	}
}