﻿/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ LIBRARY ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  */
/*splash pages*/
@media screen and (min-width: 1024px) {
	#Format_554020.menuItem .menuItemLink { /* Books & Booklets*/
		background-image: url(https://images.azureedge.net/rcg/rcg-fr/images/interface/bg_format_book-fr.png);
	}

	#Format_554019.menuItem .menuItemLink { /* Articles */
		background-image: url(https://images.azureedge.net/rcg/rcg-fr/images/interface/bg_format_article-fr.png);
	}

	#Format_554040.menuItem .menuItemLink { /* Sermons */
		background-image: url(https://images.azureedge.net/rcg/rcg-fr/images/interface/bg_format_sermon-fr.png);
	}

	#Format_554035.menuItem .menuItemLink { /* Q&A */
		background-image: url(https://images.azureedge.net/rcg/rcg-fr/images/interface/bg_format_qanda-fr.png);
	}

	#Format_554018.menuItem .menuItemLink { /* BICs */
		background-image: url(https://images.azureedge.net/rcg/rcg-fr/images/interface/bg_format_bic-fr.png);
	}
}

#listingDisplayTools {
	margin-left: 8.7em;
}
.listing #LeftToolbar .fakeSelect {
	left: 9em;
	width: 134px;
}
.libraryItem .multiOptionButton .readNow {
	font-size: 0.9375rem;
	margin-left: -.2em;
}

@media screen and (min-width: 768px) {
	.listing .displayByGrid .product .multiOptionButton {
		left: -1px;
	}
	.listing .displayByGrid .product .mobContainer {
		min-width: 212px;
	}
	.listing .displayByGrid .sermon.product .mobContainer .mobHead {
		font-size: 98%;	}
}
@media screen and (min-width: 1024px) {
	.listing #LeftToolbar .fakeSelect {
		left: 6.55em;
	}
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ LISTING BOOKMARKS ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  */
.bookmarks .product .bottomOptions .option.remove {
	width: 26.5%;
}
.bookmarks .product .bottomOptions .option.move {
	width: 73.5%;
}
.product.video .seriesItem .info.icon, .product.audio .seriesItem .info.icon, .product.wtcItem .seriesItem .info.icon {
	right: 9.25em;
}
.general .bookmarks.ui-sortable .product .bottomOptions .bookmarkTools .button {
	padding-top: .65em;
	padding-bottom: .65em;
}

.bookmarks .product .bottomOptions .option.remove {
	width: 33.5%;
}

.bookmarks .product .bottomOptions .option.move {
	width: 65.5%;
}

.bookmarks .product .bookmarkTools .option.move .button .icon {
	left: -15px;
	top: -2px;
}

.bookmarks .product .bookmarkTools .option.move .button .btnMainText {
	left: -1px;
	top: -6px;
	position: relative;
}

.general .bookmarks .product .bottomOptions .bookmarkTools .move .button .helpText {
	clear: both;
	display: block;
	margin-top: -15px;
	margin-left: 16px;
}

@media screen and (max-width: 399px), screen and (min-width: 480px) and (max-width: 524px) {
	.bookmarks .product .bottomOptions .option.remove .btnMainText {
		visibility: hidden;
	}
	.bookmarks .product .bookmarkTools .option .button .icon {
		margin-left: 0;
	}
	.general .bookmarks .product .bottomOptions .bookmarkTools .move .button .helpText {
		margin-left: 28px;
	}
	.bookmarks .product .bookmarkTools .option.move .button .icon {
		left: -26px;
	}
}
@media screen and (min-width: 400px) {
	.bookmarks.ui-sortable .product .bottomOptions {
		width: 22em;
	}
	.bookmarks .product .bottomOptions .option.remove {
		width: 40.5%;
	}
	.bookmarks .product .bottomOptions .option.move {
		width: 59.5%;
	}
	.bookmarks .product .bookmarkTools .option.move .button .icon {
		left: -26px;
	}
}
@media screen and (min-width: 480px) and (max-width: 524px) {
	.bookmarks.ui-sortable .product .bottomOptions {
		width: 17em;
	}
	.bookmarks .product .bottomOptions .option.remove {
		width: 26%;
	}
	.bookmarks .product .bottomOptions .option.move {
		width: 74%;
	}
}
@media screen and (min-width: 525px) {
	.bookmarks.ui-sortable .product .bottomOptions {
		width: 21.5em;
	}
	.bookmarks .product .bottomOptions .option.remove {
		width: 43%;
	}
	.bookmarks .product .bottomOptions .option.move {
		width: 57%;
	}
}
@media screen and (min-width: 768px) {
	.bookmarks.ui-sortable .product .bottomOptions {
		width: 23em;
	}
}
@media screen and (min-width: 400px) and (max-width: 479px) {
	.bottomOptions .editPlaylistOptions .remove .button {
		padding: 0;
	}
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ SEP ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^  */
.product.sep:not(.hasPromo) .productTitle .bubbleContainer {
	display: inline-block;
	margin-left: 0.5em;
}