/* DESIGN PACK VERSION: 3.1 */
/*
 * ===============================================================
 * Reusables
 * ===============================================================
 */

main h1 {
	margin-bottom: 40px;
}

main { position: relative; }

main:after {
	content: "";

	display: none;

	position: absolute;
	right: -130px;
	top: 0;

	width: 60px;
	height: 391px;

	background: url("../images/placeholder-sidemenu.png") no-repeat 0 0;
}

.bottom-border {
	border-bottom: 1px solid #CCCCCC;
	overflow: hidden;
}

.light-blue-box {
	display: block;
	padding: 15px 20px 20px 20px;
	border-radius: 6px;
	background: #E2F2F4;
	margin-top: 20px;
}

.light-blue-box p:first-of-type {
	margin-top: 5px;
}

/*
 * ===============================================================
 * Filters
 * ===============================================================
 */

.search-container {
	background: #E2F2F4;
}

.search-container .filters-container .filters li {
	border: none;
	border-radius: 0px;
	background: transparent;
}

.search-container .filters-container .filters li > a {
	padding: 8px 0;
}

.search-container .filters-container .filters li > a:after {
	right: -2px;
}

.search-container .filters-container .filters li > .filter-contents {
	padding: 0;
}

.search-container .filters-container .show-more {
	display: block;
	padding: 5px 0;

	font-size: 14px;

	border-top: 1px solid #C0C2C4;
	border-bottom: 1px solid #C0C2C4;

	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
	color: #63676B;
}

.search-container .filters-container .show-more.open {
	color: #000;
}

.search-container .filters-container .show-more:after {
	content: "";
	position: absolute;

	top: 50%;
	right: 0px;

	width: 14px;
	height: 14px;

	margin-top: -7px;

	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTUuNXB4IiBoZWlnaHQ9IjEwLjE2N3B4IiB2aWV3Qm94PSIwIDAgMTUuNSAxMC4xNjciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1LjUgMTAuMTY3IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNDRTFCNkMiIHN0cm9rZS13aWR0aD0iMi40NzY4IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50cz0iMS40MTMsMS40OTMgNy43NTEsNy44MzEgDQoJMTQuMDg1LDEuNDkzICIvPg0KPC9zdmc+DQo=);
	background-repeat: no-repeat;
	background-position: center center;

	-webkit-transition: all 0.3s ease-in-out;
  	-moz-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;

}

.search-container .filters-container .show-more.open:after {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}

.search-container .filters-container .clear-filters {
	display: block;
	font-size: 14px;
	border: none;
	color: #63676B;
	text-decoration: none;
	margin-bottom: 10px;
	background: none;
	cursor: pointer;
}

.search-container .filters-container .clear-filters:hover {
	text-decoration: underline;
}

/*
 * ===============================================================
 * Options
 * ===============================================================
 */

.page-options {
	margin-bottom: 10px;
	overflow: hidden;
}

.page-options .viewing-options {
	float: left;
}

.page-options .viewing-options a {
	display: block;
	float: left;
	margin: 0px 10px 10px 0px;
	padding: 5px 30px 5px 10px;
	border: none;
	color: #000;
	border-radius: 6px;
	font-size: 15px;
	background: #fff;
	position: relative;
}

.page-options .viewing-options a:after {
	content: "";

	position: absolute;
	top: 50%;
	right: 5px;

	margin-top: -10px;

	width: 20px;
	height: 20px;

	background-repeat: no-repeat;
	background-position: center center;
}

.page-options .viewing-options a.view-image:after {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTFweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMTEgMTEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDExIDExIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IHg9IjAiIGZpbGw9IiNDRTFFNkUiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiLz4NCjxyZWN0IHg9IjAiIHk9IjYiIGZpbGw9IiNDRTFFNkUiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiLz4NCjxyZWN0IHg9IjYiIHk9IjYiIGZpbGw9IiNDRTFFNkUiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiLz4NCjxyZWN0IHg9IjYiIGZpbGw9IiNDRTFFNkUiIHdpZHRoPSI1IiBoZWlnaHQ9IjUiLz4NCjwvc3ZnPg0K);
}

.page-options .viewing-options a.view-detail {
	padding-right: 35px;
}
.page-options .viewing-options a.view-detail:after {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjJweCIgaGVpZ2h0PSI5cHgiIHZpZXdCb3g9IjAgMCAyMiA5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyMiA5IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IGZpbGw9IiNDRTFFNkUiIHdpZHRoPSI5IiBoZWlnaHQ9IjkiLz4NCjxsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0NFMUU2RSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiB4MT0iMTIiIHkxPSIwLjUiIHgyPSIyMiIgeTI9IjAuNSIvPg0KPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjQ0UxRTZFIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHgxPSIxMiIgeTE9IjQuNSIgeDI9IjIyIiB5Mj0iNC41Ii8+DQo8bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNDRTFFNkUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgeDE9IjEyIiB5MT0iOC41IiB4Mj0iMjIiIHkyPSI4LjUiLz4NCjwvc3ZnPg0K);
	background-size: 20px 20px;
}

.page-options .viewing-options a:hover {
	background: #eaeaea;
}

.page-options .viewing-options a.active {
	background: #E2F2F4;
}

.page-options .action-options {
	float: right;
}

.page-options .action-options .button {
	float: left;
	margin-left: 10px;
}

.page-options .showing-results {
	font-size: 15px;
	float: left;
	margin-top: 15px;
}

.page-options .sort-by {
	float: right;
	padding-top: 10px;
	width: 50%;
	text-align: right;
	font-size: 15px;
}

.page-options .sort-by select {
	width: 50%;
}

/*
 * ===============================================================
 * Listings
 * ===============================================================
 */

.listings {
	clear: both;
}

.listings > ul.list-items {
	margin: 0px;
	list-style: none;
	padding: 0;
}

	/*
	 * ===========================================================
	 * Popup Box
	 * ===========================================================
	 */

	.popup-box {
		display: none;
		position: absolute;

		top: 100%;
		left: 50%;

		margin-top: -25px;
		margin-left: -180px;

		width: 360px;

		background: #fff;
		text-align: left;

		border: 2px solid #70C2CC;
		border-radius: 8px;

		-webkit-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.2);
		   -moz-box-shadow: 0 2px 6px 0px rgba(0,0,0,0.2);
		        box-shadow: 0 2px 6px 0px rgba(0,0,0,0.2);
		z-index: 999;
	}

	.popup-box:before {
		content: "";

		position: absolute;

		top: -22px;
		left: 50%;

		margin-left: -26px;

		width: 0;
		height: 0;
		border-left: 26px solid transparent;
		border-right: 26px solid transparent;

		border-bottom: 22px solid #70C2CC;
	}

	.popup-box:after {
		content: "";

		position: absolute;

		top: -19px;
		left: 50%;

		margin-left: -24px;

		width: 0;
		height: 0;
		border-left: 24px solid transparent;
		border-right: 24px solid transparent;

		border-bottom: 20px solid #fff;
	}

	.show-top .popup-box {
		top: auto;
		bottom: 95%;
	}

		.show-top .popup-box:before {
			top: auto;
			bottom: -19px;
			border-bottom: none;
			border-top: 22px solid #333;
			z-index: 999;
		}

		.show-top .popup-box:after {
			top: auto;
			bottom: -22px;
			border-bottom: none;
			border-top: 20px solid #70C2CC;
		}

	.popup-box .info-pane {
		padding: 15px;
		font-size: 18px;
	}

	.popup-box .info-pane h4 {
		margin: 0px;
		padding: 0px;
		font-size: 18px;
		line-height: 1.3;
	}

	.popup-box .info-pane p:first-of-type {
		margin-top: 0px;
	}

	.popup-box .recommend-pane {
		background: #333;
		color: #fff;
		padding: 15px 15px 15px 60px;
		border-radius: 0 0 6px 6px;
		position: relative;
		font-size: 18px;
	}

	.popup-box .recommend-pane:before {
		content: "";

		position: absolute;
		top: 50%;
		left: 10px;

		margin-top: -23px;

		width: 46px;
		height: 46px;

		background: url("../images/icon-recommended.png") no-repeat center center;
	}

	/*
	 * ===========================================================
	 * Listings (Image View)
	 * ===========================================================
	 */

	.listings.view-image > ul.list-items:after {
		content: "";
		display: block;
		clear: both;
		height: 30px;
	}

	.listings.view-image > ul.list-items li {
		float: left;
		width: 25%;
		height: 200px;
		border-bottom: 1px solid #ccc;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

		padding: 20px 10px;
		text-align: center;
		position: relative;
	}

	.listings.view-image > ul.list-items > li > a {
		display: inline-block;

		border: none;
		background: #fff;
	}

	.listings.view-image > ul.list-items li a img {
		width: 100% !important;
	}


	/*
	 * ===========================================================
	 * Listings (Detail View)
	 * ===========================================================
	 */

	.listings.view-detail > ul.list-items li {
		border-bottom: 1px solid #ccc;
		overflow: hidden;
		padding-bottom: 10px;
	}

	.listings.view-detail > ul .image-pane img {
		margin: 30px 0;
	}

	.listings.view-detail > ul .info-pane {
		padding-top: 20px;
	}

	.listings.view-detail > ul .info-pane h4 {
		margin: 0;
		font-size: 18px;
	}

	.listings.view-detail > ul .info-pane h5 {
		margin: 0;
		font-size: 14px;
		font-weight: 600;
	}

	.listings.view-detail > ul .info-pane h5 span {
		font-weight: 300;
	}

	.listings.view-detail > ul .info-pane p {
		font-size: 14px;
		line-height: 1.3;
	}

	.listings.view-detail > ul .recommend-pane {
		background: #EFEFF0;
		padding: 12px 10px 12px 50px;
		border-radius: 6px;
		font-size: 16px;
		position: relative;
	}

	.listings.view-detail > ul .recommend-pane:before {
		content: "";

		position: absolute;
		top: 50%;
		left: 5px;

		margin-top: -18px;

		width: 36px;
		height: 36px;

		background: url("../images/icon-recommended.png") no-repeat center center;
		background-size: cover;
	}

	.listings.view-detail .button {
		font-size: 18px;
		padding-right: 35px;
		margin: 10px 0;
	}

	.listings.view-detail .button .icon {
		border: 2px solid #fff;
		box-shadow: 0 1px 1px rgba(0,0,0,0.3);

		width: 20px;
		height: 20px;
		margin-top: -12px;
		right: 0px;
	}

	.listings.view-detail .button .icon:after {
		background-size: 8px 8px;
	}

	/*
	 * ===========================================================
	 * Listings (Booklist Authors)
	 * ===========================================================
	 */

	.listings.booklist-author {
		overflow: hidden;
		margin: 0;
	}

	.listings.booklist-author > ul li {
		border-bottom: 1px solid #ccc;
		padding-bottom: 20px;
		overflow: hidden;
	}

	.listings.booklist-author > ul li:last-child {
		border-bottom: none;
	}

	.listings.booklist-author > ul .image-pane img {
		width: 100%;
	}

	.listings.booklist-author > ul .info-pane h4 {
		margin: 0;
		font-size: 18px;
		line-height: 1;
	}

	.listings.booklist-author > ul .info-pane p,
	.listings.booklist-author > ul .info-pane strong {
		font-size: 14px;
	}

	.listings.booklist-author > ul .info-pane p {
		margin: 5px 0 10px 0;
		line-height: 1.3;
	}

	.listings.booklist-author > ul .info-pane .view-booklist {
		display: block;

		background: #EFEFF0;
		color: #000;

		border: none;
		clear: both;
		font-size: 18px;
		font-weight: 700;
		padding: 3px 10px 13px 10px;
		border-radius: 6px;
	}

	.listings.booklist-author > ul .info-pane .view-booklist span {
		display: inline-block;

		background: #cf1c6d;
	  	color: #fff;
	  	display: inline-block;
	  	border: 2px solid #fff;
	  	box-shadow: 0 1px 1px rgba(0,0,0,0.3);
	  	-webkit-transition: background .3s ease;
	   	   -moz-transition: background .3s ease;
	        -ms-transition: background .3s ease;
	            transition: background .3s ease;
	  	border-radius: 17px;

	  	width: 21px;
	  	height: 21px;

	  	margin-left: 10px;
	  	position: relative;
	  	top: 6px;
	}

	.listings.booklist-author > ul .info-pane .view-booklist span:after {
		display: block;
		content: "";
		width : 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNi4zNzVweCIgaGVpZ2h0PSI5Ljg3NXB4IiB2aWV3Qm94PSIwIDAgNi4zNzUgOS44NzUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYuMzc1IDkuODc1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMS43NSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjAuODgsOS4yMDIgNS4xMjMsNC45NiAwLjg4LDAuNzIgIi8+DQo8L3N2Zz4NCg==);
		background-position: center center;
		background-repeat: no-repeat;
	}

	/*
	 * ===========================================================
	 * Listings (Featured Booklists)
	 * ===========================================================
	 */

	.listings.featured-booklist {
		overflow: hidden;
		margin: 0;
	}

	.listings.featured-booklist > ul.list-items li {
		display: block;
		border-bottom: 1px solid #ccc;
		overflow: hidden;
		padding: 20px 0;
		margin: 0;
	}

	.listings.featured-booklist > ul.list-items li:first-of-type {
		border-top: 1px solid #ccc;
	}

	.listings.featured-booklist .button {
		font-size: 18px;
		padding-right: 35px;
		margin: 0;
	}

	.listings.featured-booklist .button .icon {
		border: 2px solid #fff;
		box-shadow: 0 1px 1px rgba(0,0,0,0.3);

		width: 20px;
		height: 20px;
		margin-top: -12px;
		right: 0px;
	}

	.listings.featured-booklist .button .icon:after {
		background-size: 8px 8px;
	}

	/*
	 * ===============================================================
	 * Featured Booklists (Sub Listing)
	 * ===============================================================
	 */

	.featured-booklist .featured-booklist-container {
		margin-left: 0px;
	}

	.featured-booklist .featured-booklist-container .info-pane small {
		margin: 10px 0 0 0;
	}

	.featured-booklist .featured-booklist-container .info-pane small:first-of-type {
		margin: 0;
	}

	.featured-booklist .featured-booklist-container article:last-of-type {
		border-bottom: 1px solid #ccc;
		padding-bottom: 20px;
	}

	/*
	 * ===============================================================
	 * My Booklist (Listings)
	 * ===============================================================
	 */

	.listings.my-booklist {
		margin-bottom: 40px;
		overflow: hidden;
	}

	.listings.my-booklist li {
		border-top: 1px solid #ccc;
		margin-bottom: 0;
		overflow: hidden;
		position: relative;
	}

	.listings.my-booklist li:last-of-type {
		border-bottom: 1px solid #ccc;
	}

	.listings.my-booklist li a {
		display: block;
		padding: 15px 10px;
		border: none;
		background: transparent;
		color: #000;
		overflow: hidden;
		-webkit-transition: background .5s ease;
	   	   -moz-transition: background .5s ease;
	        -ms-transition: background .5s ease;
	            transition: background .5s ease;
	}

	.listings.my-booklist li a > div {
		margin: 0;
	}

	.listings.my-booklist li .date-col {
		font-size: 14px;
	}

	.listings.my-booklist li:after {
		display: block;
		content: "";
		width : 20px;
		height: 20px;
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -14px;
		background-color: #CE1B6C;
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNi4zNzVweCIgaGVpZ2h0PSI5Ljg3NXB4IiB2aWV3Qm94PSIwIDAgNi4zNzUgOS44NzUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYuMzc1IDkuODc1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMS43NSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjAuODgsOS4yMDIgNS4xMjMsNC45NiAwLjg4LDAuNzIgIi8+DQo8L3N2Zz4NCg==);
		background-position: center center;
		background-repeat: no-repeat;
		border-radius: 20px;
		border: 2px solid #fff;
		box-shadow: 0 1px 1px rgba(0,0,0,0.3);
		pointer-events:none;
	}

	.listings.my-booklist li a:hover {
		background: #F4F4F4;
	}

	/*
	 * ===============================================================
	 * Printer Booklist
	 * ===============================================================
	 */

	.print-booklist-container .listings {
		border-top: 1px solid #ccc;
		margin-bottom: 0;
	}

	.print-booklist-container .listings:last-of-type {
		margin-bottom: 30px;
	}

	.print-booklist-container .listings.view-detail > ul li {
		margin-bottom: 0px;
    page-break-inside: avoid;
	}

	.print-booklist-container .listings.view-detail > ul .info-pane {
		padding-top: 14px;
		padding-bottom: 10px;
	}

	.print-booklist-container .listings.view-detail > ul .image-pane img {
		margin: 20px 0;
	}

	.print-booklist-container .listings.view-detail > ul li .recommend-pane:before {
		background-image: url("../images/icon-recommended-grey.png");
	}

	.print-footer {
		margin-bottom: 30px;
		overflow: hidden;
	}

	.print-footer p {
		display: block;
		float: left;
		font-size: 15px;
		margin: 10px 0;
	}

	.print-footer .print-footer-logo {
		float: right;
	}

/*
 * ===============================================================
 * Carousel (Home Page)
 * ===============================================================
 */

.new-books {
	padding: 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.new-books > h3 {
	margin: 0 0 10px 0;
}

.carousel-container > .carousel > .carousel-item {
	width: 117.5px;
	height: 160px;
	background: transparent;
	border-radius: 0px;
	padding: 0px;
	margin-bottom: 0px;
	position: relative;
}

.carousel-container > .carousel > .carousel-item a {
	border: none;
}

.carousel-container > .carousel > .carousel-item img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	margin: auto;
	max-height: 160px;
}

.carousel-master .carousel-control {
	height: 160px;
}

.carousel-pagination {
	list-style: none;
	margin: 10px 0;
	padding: 0;
	text-align: center;
	height: 32px;
}

.carousel-pagination > li {
	display: inline-block;
	margin: 10px 3px;
}

.carousel-pagination > li > a {
	display: block;

	width: 12px;
	height: 12px;

	text-indent: -200%;
	cursor: pointer;
	border-radius: 6px;
	border: none;
	background: #D4ECEF;
	overflow: hidden;
}

.carousel-pagination > li > a:hover,
.carousel-pagination > li.active > a {
	background: #70C2CC;
}

/*
 * ===============================================================
 * Carousel (Book Record)
 * ===============================================================
 */

.all-books {
	margin-top: 20px;
	border-top: 1px solid #000;
}

.all-books > p {
	margin: 10px 0;
}

.all-books li {
	overflow: visible !important;
	margin-bottom: 20px !important;
}

.all-books li.current-book > a:after {
	content: "";
	display: block;

	width: 20px;
	height: 20px;

	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTUuNXB4IiBoZWlnaHQ9IjEwLjE2N3B4IiB2aWV3Qm94PSIwIDAgMTUuNSAxMC4xNjciIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1LjUgMTAuMTY3IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNDRTFCNkMiIHN0cm9rZS13aWR0aD0iMi40NzY4IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50cz0iMS40MTMsMS40OTMgNy43NTEsNy44MzEgDQoJMTQuMDg1LDEuNDkzICIvPg0KPC9zdmc+DQo=");
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;

	bottom: -15px;
	left: 50%;

	margin-left: -10px;

	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}

.all-books .carousel-control {
	height: 160px;
}

/*
 * ===============================================================
 * Experts
 * ===============================================================
 */

.experts {
	margin: 20px 0;
}

.experts article {
	padding: 20px 0 0 0;
	border-top: 1px solid #ccc;
	border-bottom: 20px solid #fff;
	overflow: hidden;
	position: relative;
}

.experts article:last-child {
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
}

.experts article .image-pane img {

}

.experts article .info-pane {
	overflow: hidden;
}

.experts article .info-pane header {
	position: relative;
	cursor: pointer;
	min-height: 35px;
}

.experts article .info-pane header h4 {
	margin: 0;
}

.experts article .info-pane header p {
	margin-top: 3px;
}

.experts article .info-pane header:after {
	content: "";
	display: block;

	position: absolute;
	top: 0px;
	right: 10px;

	width: 30px;
	height: 30px;

	border-radius: 20px;

	background-color: #cf1c6d;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNi4zNzVweCIgaGVpZ2h0PSI5Ljg3NXB4IiB2aWV3Qm94PSIwIDAgNi4zNzUgOS44NzUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYuMzc1IDkuODc1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMS43NSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBwb2ludHM9IjAuODgsOS4yMDIgNS4xMjMsNC45NiAwLjg4LDAuNzIgIi8+DQo8L3N2Zz4NCg==);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 14px 14px;

	border: 2px solid #fff;
	box-shadow: 1px 0px 1px rgba(0,0,0,0.3);

	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	transform:rotate(90deg);

	-webkit-transition: all 0.3s ease-in-out;
  	-moz-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;
}

.experts article.open .info-pane header:after {
	-webkit-transform:rotate(-90deg);
	-moz-transform:rotate(-90deg);
	transform:rotate(-90deg);
	box-shadow: -1px 0px 1px rgba(0,0,0,0.3);
}

.experts article .info-pane p:last-of-type {
	margin-bottom: 0px;
}

.experts article .info-pane .the-excerpt { display: none; }
.experts article .info-pane .the-content {
	display: block;

	  overflow: hidden;
	  text-overflow: ellipsis;
	  height: 80px;
	  width: 90%;
}

.experts article.open .info-pane .the-content {
	height: auto;
}

/*
 * ===============================================================
 * Booklist Lightbox
 * ===============================================================
 */

.overlay {
	display: block;
}

.booklist-lightbox {
	display: none;
	position: fixed;

	top: 50%;
	left: 50%;

	width: 680px;

	font-size: 18px;

	margin-top: -257.5px;
	margin-left: -340px;

	padding: 20px 30px;

	background: #fff;
	border-radius: 6px;
	border: 2px solid #70C2CC;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	z-index: 999;
	overflow: hidden;
}

.booklist-lightbox .booklist-overlay {
	display: block;
	opacity: 0;
	z-index: 0;
	-webkit-transition: all 0.3s ease-in-out;
  	-moz-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;
}

.booklist-lightbox.share-open .booklist-overlay {
	position: absolute;
	opacity: 1;
	width: 100%;
	height: 360px;

	top: 150px;
	left: 0px;

	background: rgba(255,255,255,0.7);
	z-index: 1000;
}

.booklist-lightbox .close-button {
	display: block;

	width: 23px;
	height: 23px;

	border-radius: 23px;

	background: #cf1c6d url("../images/icon-close.png") no-repeat center center;

	position: absolute;

	top: 10px;
	right: 10px;
	cursor: pointer;
}

.booklist-lightbox > h3 {
	margin: 0;
}

.booklist-lightbox > p {
	margin: 10px 0;
}

.booklist-lightbox > input[type=text] {
	width: 561px;
	border-radius: 6px;
	font-size: 18px;
}

.booklist-lightbox > .scroll-area {
	height: 250px;
	overflow: hidden;
	margin: 20px 0;
}

.booklist-lightbox > .scroll-area:before {
	content: "";
	display: block;

	width: 561px;
	height: 1px;
	background: #ccc;
}

.booklist-lightbox > .scroll-area:after {
	content: "";
	display: block;

	width: 561px;
	height: 1px;
	background: #ccc;

	position: relative;
	top: -2px;
}

.booklist-lightbox > .scroll-area .scroll-content {
	width: 561px;
	padding: 10px 0;
}

.booklist-lightbox .mCSB_scrollTools .mCSB_buttonUp {
	top: 0px;
}

.booklist-lightbox .mCSB_scrollTools .mCSB_buttonDown {
	top: 258px;
}

.booklist-lightbox > .scroll-area .booklist-title {
	background: #D4ECEF;
	padding: 10px;
	border-radius: 6px;
	position: relative;
	font-weight: bold;
}

.booklist-lightbox > .scroll-area .booklist-title > .booklist-title-options {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 14px;
	font-weight: normal;
}

.booklist-lightbox > .scroll-area .booklist-title > .booklist-title-options a {
	margin-left: 10px;
}

.booklist-lightbox > .scroll-area .filter-contents {
	display: block;
	margin-top: 10px;
}

.booklist-lightbox > .scroll-area .filter-contents label:before {
	left: -8px !important;
}

.booklist-lightbox > .scroll-area .filter-contents label {
	padding-left: 20px;
	width: auto;
	font-size: 14px;
}

.booklist-lightbox span.pink {
	display: inline-block;
	color: #CE1B6C;
	margin-left: 10px;
}

.booklist-lightbox > .share-box {
	position: absolute;
	bottom: -200px;
	left: 0;
	width: 100%;
	height: 200px;

	padding: 20px 30px;
	background: #D4ECEF;

	-webkit-transition: all 0.3s ease-in-out;
  	-moz-transition: all 0.3s ease-in-out;
  	-o-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;

  	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.booklist-lightbox.share-open > .share-box {
	bottom: 0px;
}

.booklist-lightbox > .share-box > div {
	clear: both;
	overflow: hidden;
}

.booklist-lightbox > .share-box > div:first-of-type {
	margin-bottom: 10px;
}

.booklist-lightbox > .share-box input {
	border-radius: 6px;
	float: left;
}

.booklist-lightbox > .share-box .share-email {
	width: 380px;
	margin-right: 30px;
}

.booklist-lightbox .lightbox-share-close {
	padding: 0 20px;
	background-color: #63676B;
	margin-left: 10px;
}

.booklist-lightbox > .share-box .share-notes {
	float: none;
	width: 590px;
	height: 35px;

	max-width: 590px;
	max-height: 35px;

	border-radius: 6px;

	padding: 10px;
	font-family: "Source Sans Pro", source-sans-pro, sans-serif;
	font-size: 14px;

	border: 1px solid #828689;
	color: #64686C;
	outline: none;
	clear: both;
	display: block;
}

#delete-booklist {
	text-align: center;

	width: 460px;
	height: 175px;

	margin-left: -230px;
	margin-top: -87.5px;
}

#delete-booklist strong {
	display: block;
	margin: 20px 0 5px 0;
}

#delete-booklist .button {
	text-align: center;
	padding: 0 40px;
	margin: 0 10px;
	font-weight: 800;
}

#delete-booklist .button.button-grey {
	background: #DFE0E1;
	color: #333;
}


/*
 * ===============================================================
 * Print Booklist
 * ===============================================================
 */

.print-booklist-container .owl-logo {
	display: block;
	margin: 30px 0;
}

.print-booklist-container .bookmatch-logo {
	display: block;
}


/* medium screens */
@media (min-width: 1024px) and (max-width: 1279px) {
	.experts article .info-pane .the-content { height: 105px; }
	main:after { display: block; }
}

/* biggest screens */
@media (min-width: 1280px) {
	.experts article .info-pane .the-content { height: 120px; }
	main:after { display: block; }
}

/*
 * ===============================================================
 * Print Stylesheet
 * ===============================================================
 */

@media print {
   #global-masthead {
   	display: none;
   }

   .button {
   	display: none;
   }
}

/*
 * ===============================================================
 * Additions
 * ===============================================================
 */

.shared-success {
  background: rgb(218, 240, 218);
  color: rgb(34, 139, 34);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}