/*
 * 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:800px; height:600px; 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:#f9f9f5;}
	.booklet .b-wrap-right {background:#f0f0e4;}
	
	.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: 10px;
		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: 137px;
		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-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
	}
	
	.book-default .b-selector .b-current {
		background:#5ab978; 
	}

	.book-infohealth .b-selector .b-current {
		background:#31a0a9; 
	}

	.b-selector .b-current  {
	/*	padding:8px 15px 12px; 
		line-height:20px; */
		padding: 8px 15px 16px;
		line-height: 9px;
		min-width:18px; 
		height:16px; 
		display:block; 
		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;}
	
	.book-default .b-selector ul {
		background:#5ab978; 
	}

	.book-infohealth .b-selector ul {
		background: #31a0a9;
	}

	.b-selector ul               {
		overflow:hidden; 
		margin:0; list-style:none !important; position:absolute; 
		top:30px; 
		right:-33px; 
		padding:0 0 10px; 
		/* 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 */
.book-default #booklet-prev, .book-default #booklet-next {
	background: #5ab978;
}

.book-infohealth #booklet-prev, .book-infohealth #booklet-next {
	background: #31a0a9;
}

#booklet-prev, #booklet-next {
	font-size: 14px;
	padding: 5px 10px;
	margin: 10px 5px;
	text-transform: capitalize;
	text-decoration: none;
}
img.img-logo {
	max-height: 50px !important;
	width: auto !important;
}
@media screen and (min-width: 1280px) {

	.block-wrapper {
		width: 1015px;
		margin: 0 auto;
		padding-left: 50px;
	}

	.booklet-wrapper.book-default {
		background-image: url(../images/bg.png);
	}

	.booklet-wrapper.book-infohealth {
		background-image: url(../images/bg-infohealth.png);
	}

	.booklet-wrapper {
	/*	width: 670px;
		height: 440px; */
		display: flex;
		align-items: center;
		/*background-size: 101% 110%;*/
		background-repeat: no-repeat;
	}

	.booklet-wrapper {
		width: 900px;
    	height: 502px;
		background-size: 100% 100%;
		background-position: center;
		border-radius: 15px;
    	box-shadow: 0 1px 27px -13px #000
	}

	#booklet-controls {
		text-align: center;
		width: 900px;
	}

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

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

	.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: rgba(0,0,0,0.8);
		border-bottom: none;
	}

	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: 430px;
		width: auto;
		margin: 0 auto; 
	}

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

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

	img.img-logo {
		margin-top: -15px;
		margin-bottom: 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: 20px;
		line-height: 26px;
		margin-top: 0;
		margin-bottom: 15px;
	}

	.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: 1279px) {
	div#mybook {
		padding-bottom: 50px;
	}
	#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(252, 250, 245);
	}
	div#mybook img {
		width: auto;
		height: 500px;
	}
	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 img {
		object-fit: cover;
	}
	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;
	}

	.book-default .page-inner {
		background-image: url(/wp-content/plugins/nx-post-slider/assets/images/bg.png);
	}

	.book-infohealth .page-inner {
		background-image: url(/wp-content/plugins/nx-post-slider/assets/images/bg-infohealth.png);
	}

	.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;
	}

	.book-default .p-single p a, .book-default .p-double .page-inner:first-child p a {
		background:rgba(155, 205, 110, 0.95);
	}

	.book-infohealth .p-single p a, .book-infohealth .p-double .page-inner:first-child p a {
		background:#31a0a9;
	}

	.p-single p a, .p-double .page-inner:first-child p a {
		display: block;
		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: 1279px) {
	#booklet-prev.slick-arrow {
		left: 45%;
	}
	#booklet-next.slick-arrow {
		right: 45%;
	}
	.page-inner {
		padding: 6px 26px;
	}
}
@media screen and (min-width: 481px) and (max-width: 767px) {
	div#mybook img {
		height: 400px;
	}

	#booklet-prev.slick-arrow {
		left: 42%;
	}
	#booklet-next.slick-arrow {
		right: 42%;
	}
	.page-inner {
		padding: 5px 26px;
	}
}
@media screen and (max-width: 1279px) {
	#book-labels {
		display: none;
	}
}
@media screen and (min-width: 481px) and (max-width: 1279px) {
	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) {
	.page-inner {
		padding: 4px 26px;
	}
	div#mybook img {
		height: 300px;
	}

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

	#booklet-prev.slick-arrow {
		left: 35%;
	}
	#booklet-next.slick-arrow {
		right: 35%;
	}

}
@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;
	}
}

#book-labels {
    position: absolute;
    right: 15px;
    top: 30px;
	transform: translateX(100%);
	width: 130px;
}

label.book-labels {
	padding: 8px;
	cursor: pointer;
    width: 130px;
    display: block;
    height: 60px;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 15px;
    position: relative;
}

label.book-labels::after {
	content: '';
    position: absolute;
    top: 0;
    width: 0;
    bottom: 0;
    right: -1px;
    height: 0;
    border-bottom: 30px solid transparent;
    border-right: 10px solid #fcfaf5;
    border-top: 30px solid transparent;
    clear: both;
}

.booklet-wrapper {
	position: relative;
}